
EasyUI
EasyUI前端表格工具插件使用。
谦奕爸爸
路漫漫其修远兮,吾将上下而求索
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
datagrid系列之-加入快捷键
function onBeginEdit(index,row){ var flag = false; var subj = $("#subjCode").val(); var subjCode = new Array(); subjCode.push(subj.split(",")); var subjRow= row.pkAccsubj.subjcode; for(va...原创 2017-04-15 11:53:54 · 1678 阅读 · 0 评论 -
datagrid系列之-基本参数介绍,查询参数封装
首先,想要使用这个工具就要先将他要引用的JS和样式导入JSP页面。<link href="${ctxStatic}/easyui/css/easyui.css" rel="stylesheet" /> <link href="${ctxStatic}/easyui/css/icon.css" rel="stylesheet" /> <script ...原创 2017-04-15 11:12:41 · 2963 阅读 · 0 评论 -
easyUI NumberBox
继承至$.fn.validatebox.defaults.覆盖默认值$.fn.numberbox.defaults.使用numberbox 让我们的用户只能输入数值类型,可以转换一个input元素到不同的类型,例如:numeric,percentage, currency,等等...多数类型的input的定义是依赖与'formatter' 和 'parser' 函数之上的.翻译 2017-04-15 10:24:16 · 1577 阅读 · 0 评论 -
easyUI 展开DataGrid里面的行显示详细信息
datagrid 可以改变它的view(视图)去显示不同的效果.使用详细视图,datagrid可以显示展开按钮("+" 或者 "-")在数据行的左边,用户可以展开一个行去显示一个附加的详细信息.查看 Demo步骤 1: 创建 DataGrid It翻译 2017-04-15 10:21:30 · 2964 阅读 · 0 评论 -
easyUI ComboBox
combobox显示的是一个可以编辑的文本框和一个下拉列表.允许用户从里面选择一个或者是多个值,用户可以直接输入值到列表顶部,或者可以从列表选择一个或多个现有值.相关依赖combo使用示例从元素和一个预定义结构创建combobox aitem1 bitem2 bitem3翻译 2017-04-15 10:16:58 · 824 阅读 · 0 评论 -
easyUI TreeGrid
从$.fn.datagrid.defaults.继承,覆盖默认值$.fn.treegrid.defaults.treegrid 是使用显示分层数据在grid中,treegrid 是基于datagrid和关联treeview 和关联可编辑的grid,treegrid 允许你创建定制的,异步加载展开行数据,和显示分层的数据在多列中.相关依赖datagri翻译 2017-04-15 10:10:23 · 1101 阅读 · 0 评论 -
easyUI 根据一些条件改变DataGrid 行背景颜色
这个教程将向你展示如何改变datagrid组件行样式根据一些条件,谁的listprice 值大于50我们将设置行为不同的颜色.查看 Demodatagrid的rowStyler函数设计允许你自定义行样式,以下代码展示如何改变行样式:<table id="tt" title="DataGrid" style="width:600px;height:250px"翻译 2017-04-15 10:04:04 · 7966 阅读 · 0 评论 -
jQuery EasyUI 教程-Tabs(选项卡)
Hello,大家好,前一篇文章翠儿姐给大家介绍了jQuery EasyUI 教程-panel(面板)组件,这篇文章主要给大家讲解jQuery-Layout(布局)的第二小节内容:jQuery-Tabs(选项卡),前端开发的小伙伴们,你们要好好学习哦。。。使用$.fn.tabs.defaults重写默认值对象。选项卡显示一批面板。但在同一个时间只会显示一个面板。每个选项卡面板都有头标题和一些翻译 2017-03-21 16:06:54 · 1861 阅读 · 0 评论 -
datagrid系列之-查询弹出层记录查询条件
问题:每次打开查询弹出框的时候点击“确认”后页面会刷新,然后再打开查询弹出层的时候,查询弹出层的条件都为初始状态,不能记录保持上一次的查询条件。下面这段代码可以很好的记录查询条件,不刷新页面只将弹出窗口隐藏,然后只刷新表格。var myindex;function openPageNoClosed(url,width,height,callback) { if(myindex){ t...原创 2016-11-22 13:54:38 · 1066 阅读 · 0 评论 -
datagrid系列之-数据量大的情况下加载效率慢,优化解决方法
在使用easyui datagrid途中发现加载数据的效率真的不是一般的差。经测试IE8加载300条数据就感觉明显的慢了,加载2000条数据就另人崩溃用时差不多60秒,就算在google浏览器测试结果也快不了几秒。 平时听闻easyui datagrid效率底下,自己测试才发现真是使人无法忍受。笔者只好百度,google解决方法,发现一篇文章说改//1.3.3版本是这样的,其它版本也是这句代码...原创 2016-10-14 17:10:02 · 2609 阅读 · 0 评论 -
datagrid-scrollview.js源码
$.extend($.fn.datagrid.defaults, { rowHeight: 25, maxDivHeight: 10000000, maxVisibleHeight: 15000000, deltaTopHeight: 0, onBeforeFetch: function(page){}, onFetch: function(page, rows){}, loader原创 2016-10-14 15:45:59 · 2554 阅读 · 0 评论 -
Datagrid系列之-VirtualScrollView遇到的问题
问题一:因为VirtualScrollView文件中有page分页功能,而我的后台page是个对象,VirtualScrollView每次调用时取到后台的page会出现类型转换异常。解决办法:修改源码,由于我的功能不需要分页,就直接去掉page这个字段。问题二:使用VirtualScrollView步骤1)导入:datagrid-scrollview.js文件。2)设置字段属性...原创 2016-10-14 15:42:31 · 2213 阅读 · 6 评论 -
datagrid系列之-基本添加行,删除行,插入行,自定义方法
一、需要引入的文件<link href="${ctxStatic}/easyui/css/easyui.css" rel="stylesheet" /><link href="${ctxStatic}/easyui/css/icon.css" rel="stylesheet" /><script src="${ctxStatic}/easyui/js/jqu...原创 2016-09-20 15:15:38 · 17490 阅读 · 0 评论