EasyUI
EasyUI前端表格工具插件使用。
谦奕爸爸
路漫漫其修远兮,吾将上下而求索
展开
-
LODOP+easyui(datagrid)打印制单
Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容,又可用程序代码直接实现 复杂打印。控件功能强大,却简单易用,所有调用如同JavaScript扩展语句,主要接口函数如下: ●PRINT_INIT(strPrintTaskName)打印初始化●SET_PRINT_转载 2017-05-09 11:49:05 · 2671 阅读 · 0 评论 -
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 · 1626 阅读 · 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 · 2845 阅读 · 0 评论 -
easyUI NumberBox
继承至$.fn.validatebox.defaults.覆盖默认值$.fn.numberbox.defaults.使用numberbox 让我们的用户只能输入数值类型,可以转换一个input元素到不同的类型,例如:numeric,percentage, currency,等等...多数类型的input的定义是依赖与'formatter' 和 'parser' 函数之上的.翻译 2017-04-15 10:24:16 · 1430 阅读 · 0 评论 -
easyUI 展开DataGrid里面的行显示详细信息
datagrid 可以改变它的view(视图)去显示不同的效果.使用详细视图,datagrid可以显示展开按钮("+" 或者 "-")在数据行的左边,用户可以展开一个行去显示一个附加的详细信息.查看 Demo步骤 1: 创建 DataGrid It翻译 2017-04-15 10:21:30 · 2878 阅读 · 0 评论 -
easyUI ComboBox
combobox显示的是一个可以编辑的文本框和一个下拉列表.允许用户从里面选择一个或者是多个值,用户可以直接输入值到列表顶部,或者可以从列表选择一个或多个现有值.相关依赖combo使用示例从元素和一个预定义结构创建combobox aitem1 bitem2 bitem3翻译 2017-04-15 10:16:58 · 781 阅读 · 0 评论 -
easyUI TreeGrid
从$.fn.datagrid.defaults.继承,覆盖默认值$.fn.treegrid.defaults.treegrid 是使用显示分层数据在grid中,treegrid 是基于datagrid和关联treeview 和关联可编辑的grid,treegrid 允许你创建定制的,异步加载展开行数据,和显示分层的数据在多列中.相关依赖datagri翻译 2017-04-15 10:10:23 · 1061 阅读 · 0 评论 -
easyUI 根据一些条件改变DataGrid 行背景颜色
这个教程将向你展示如何改变datagrid组件行样式根据一些条件,谁的listprice 值大于50我们将设置行为不同的颜色.查看 Demodatagrid的rowStyler函数设计允许你自定义行样式,以下代码展示如何改变行样式:<table id="tt" title="DataGrid" style="width:600px;height:250px"翻译 2017-04-15 10:04:04 · 7909 阅读 · 0 评论 -
jQuery EasyUI 教程-Tabs(选项卡)
Hello,大家好,前一篇文章翠儿姐给大家介绍了jQuery EasyUI 教程-panel(面板)组件,这篇文章主要给大家讲解jQuery-Layout(布局)的第二小节内容:jQuery-Tabs(选项卡),前端开发的小伙伴们,你们要好好学习哦。。。使用$.fn.tabs.defaults重写默认值对象。选项卡显示一批面板。但在同一个时间只会显示一个面板。每个选项卡面板都有头标题和一些翻译 2017-03-21 16:06:54 · 1796 阅读 · 0 评论 -
datagrid系列之-查询弹出层记录查询条件
问题:每次打开查询弹出框的时候点击“确认”后页面会刷新,然后再打开查询弹出层的时候,查询弹出层的条件都为初始状态,不能记录保持上一次的查询条件。下面这段代码可以很好的记录查询条件,不刷新页面只将弹出窗口隐藏,然后只刷新表格。var myindex;function openPageNoClosed(url,width,height,callback) { if(myindex){ t...原创 2016-11-22 13:54:38 · 1019 阅读 · 0 评论 -
datagrid系列之-数据量大的情况下加载效率慢,优化解决方法
在使用easyui datagrid途中发现加载数据的效率真的不是一般的差。经测试IE8加载300条数据就感觉明显的慢了,加载2000条数据就另人崩溃用时差不多60秒,就算在google浏览器测试结果也快不了几秒。 平时听闻easyui datagrid效率底下,自己测试才发现真是使人无法忍受。笔者只好百度,google解决方法,发现一篇文章说改//1.3.3版本是这样的,其它版本也是这句代码...原创 2016-10-14 17:10:02 · 2455 阅读 · 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 · 2476 阅读 · 0 评论 -
Datagrid系列之-VirtualScrollView遇到的问题
问题一:因为VirtualScrollView文件中有page分页功能,而我的后台page是个对象,VirtualScrollView每次调用时取到后台的page会出现类型转换异常。解决办法:修改源码,由于我的功能不需要分页,就直接去掉page这个字段。问题二:使用VirtualScrollView步骤1)导入:datagrid-scrollview.js文件。2)设置字段属性...原创 2016-10-14 15:42:31 · 2148 阅读 · 6 评论 -
[JS][easyui]jQuery EasyUI Datagrid VirtualScrollView视图简单分析
大家都知道EasyUI的Datagrid组件在加载大数据量时的优势并不是很明显,相对于其他一些框架,如果数据量达到几千,便会比较慢,特别是在IE下面。针对这种情况,我们首要做的是要相办法优化datagrid组件的各方面性能,不过任何事情都是可以变通解决的,virtualScrollView就是一种不错的解决方案。virtualScrollView的准则就是尽量少画tr到table里,表格的高度转载 2016-10-13 19:57:30 · 748 阅读 · 0 评论 -
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 · 17315 阅读 · 0 评论