EasyUI
菠菜面
当你发现自己的才华撑不起野心时,就请安静下来学习吧
展开
-
JQuery EasyUI DataGrid 编程经验
最近,在项目中用到JQuery EasyUI DataGrid,虽然它封装了表格的实现,为我们提供很多便利,但是在使用的过程中,还是会遇到一些困难和问题。目前,问题都已经解决,特分享我使用DataGrid开发的经验。(PS:我用的是JSP和J2EE框架开发)。1.数据的提取和显示。DataGrid是通过url属性获取数据的。例如:url:'ListInfo.action',这样通过调用Ac转载 2013-07-29 16:01:37 · 762 阅读 · 0 评论 -
jQuery EasyUI Combotree 实现ComboBox的内容过滤
ComboBox一样可以过滤就好了。 但是,貌似官方却没有提供类似ComboBox一样的过滤功能,没办法了,翻看了API后发了新大陆,哈哈。。 是的,就是图中的这个方法,可以达到我想要的功能,于是就开始对 up,down,enter,quey四个方法挨个试,最终确定还是选择quey来监听键盘输入的值, 说明:query:转载 2015-11-12 17:43:45 · 2017 阅读 · 0 评论 -
基于1.3.3版本tooltip的datagrid单元格tip实现
在Easyui的1.3.3版本中,作者新增了tooltip组件,尽管样式看起来也不咋的,但是终归也是官方出品,同时其功能也算是比较丰富。之前我写过一篇《扩展:datagrid鼠标经过提示单元格内容》那就是用纯编码生成的tip,更为丑陋,有了Easyui 1.3.3的tooltip,我们实现起来就很容易了,直接上代码:实现代码/** * Created wit转载 2015-09-05 17:51:26 · 1468 阅读 · 0 评论 -
jQuery easyui datagrid 的数据加载
这篇文章只谈jQuery easyui datagrid 的数据加载,因为这也是大家谈论最多的内容。其实easyui datagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数据;另一种是加载js对象,也就是使用loadDate方法。url方式加载数据:调用方式:目前可能大多数人都是选择这种方式,因为跟流行的框架结合的也比较好,使用url的话转载 2014-07-08 16:58:35 · 1314 阅读 · 0 评论 -
JQuery EasyUI datagrid 键盘上下控制选中行
$.extend($.fn.datagrid.methods, { keyCtr : function (jq) { return jq.each(function () { var grid = $(this); grid.datagrid('getPanel').panel('panel').attr('tabindex'转载 2014-07-08 12:14:16 · 1505 阅读 · 0 评论 -
使用Jquery EasyUi常见问题解决方案
在网上找了一些资料,都是关于easyui中常见小问题的解决办法,其中有些本人觉得有问题,将其稍做修改,分享下,如有错误的地方欢迎指正:***清空指定表单中的内容,参数为目标form的id*注:在使用Jquery EasyUI的弹出窗口录入新增内容时,每次打开必须清空上次输入的历史*数据,此时通常采用的方法是对每个输入组件进行置空操作:$("#name").val(""),这样做翻译 2013-12-05 13:23:40 · 972 阅读 · 0 评论 -
EasyUI的一些封装方法
//弹出提醒框alertfunction showMsg(title, msg, isAlert) {if (isAlert !== undefined && isAlert) {$.messager.alert(title, msg);} else {$.messager.show({title: title,msg: msg,showType: 'show'转载 2013-12-05 13:25:27 · 1164 阅读 · 0 评论 -
jQuery easyui layout布局自适应浏览器大小
首先解释一下标题的含义,当我们用jQuery easyui layout 进行布局的时候,可能会遇到这样一个问题,那就是当手工调整浏览器大小,或者最大化、还原窗口的时候,layout的某个区域不能填充因为浏览器扩大而产生的空白区域,这时候看起来就比较别扭了。当然了,如果你的layout是直接放在body标签上的,且没有嵌套的layout的话,是不会出现layout不能自适应大小的情况的。当转载 2013-11-26 13:56:27 · 787 阅读 · 0 评论 -
Jquery easyUI 更新行
更新指定的行, param 参数包含下列特性:index:更新行的索引。row:行的新数据。 var grid = $("#QualityAdd").datagrid("updateRow", { index: gridIndex, row: { Url: ""+r[0].html+""原创 2013-11-04 10:16:01 · 1146 阅读 · 0 评论 -
easyui datagrid 动态列和前端分页,以及加载Datatable
项目中用到一个执行SQL,展示结果的功能。所以需要动态改变datagrid的列,最好是使用后台分页,但没找到方法,所以使用了前端分页。后台代码: StringBuilder columns = new StringBuilder("[["); foreach (DataColumn col in ds.Tables[0].Colu转载 2013-10-31 18:31:17 · 2284 阅读 · 0 评论 -
datagrid让某个checkbox不可选
onLoadSuccess: function(data){//加载完毕后获取所有的checkbox遍历 if (data.rows.length > 0) { //循环判断操作为新增的不能选择 for (var i = 0; i //根据operate让某些行转载 2013-10-25 11:55:58 · 1385 阅读 · 0 评论 -
基于datagrid框架的删除、添加与修改
今天说下批量删除,双击表单修改、选中行修改,增加行修改,再有就是扩展editor的方法,无需废话,直接上代码,代码中的注释写的很详细:script type="text/javascript" charst="utf-8">var editFlag = undefined;//设置一个编辑标记 //因为layout框架指向href时,只取html页面body中间的部分,所以该页转载 2013-09-17 11:19:01 · 1058 阅读 · 0 评论 -
jQuery EasyUI Datagrid组件的基础完整DOM结构
jQuery EasyUI Datagrid组件的基础完整DOM结构标题可能有点长,什么叫“基础完整DOM结构”,这里“基础”的意思是指这个结构不依赖具体数据,不依赖Datagrid的view属性,只要存在 Datagrid实例就会存在这样的基础DOM结构;而“完整”的意思是指在冻结列,冻结行,标题,footer,分页这些功能块都存在时候的DOM结 构。要搞清楚Datagrid的工作原理,转载 2013-08-24 15:40:30 · 1378 阅读 · 0 评论 -
Easyui 去掉datagrid 行的样式,并点击checked 改边行颜色!
标签:--最近客户提出的需求 全选高亮样式太丑,每行选中不需要背景图片颜色,字体变黑色,未选中变灰色。 先把代码和改变后的图片 贴出来。 /* 初始化DataFrid数据 */ initDataGrid: function () { var pNumber = 0; var pSize = 10; $(‘#list转载 2016-03-31 15:51:41 · 3655 阅读 · 0 评论