itmyhome的专栏

越努力,越幸运

EasyUI tree 实现点击展开/折叠

$('#tt').tree( { url : 'getTree.do', animate: true, onClick: function(node){ $('#tt').tree(node.state === 'closed' ? 'expand' : '...

2017-12-01 19:17:32

阅读数:827

评论数:0

EasyUI combobox 多选及回显赋值

multiple boolean 决定是否支持多项选择. $('#cc').combobox({ url:'combobox_data.json', multiple:true, //支持多选 valueField:'id', textField:'te...

2016-06-06 10:04:15

阅读数:14452

评论数:0

EasyUI combobox 加载JSON数据

Action返回 JSON 格式如下: jsonResult = { total=7,rows=[ {TEXT=技术支持, ID=402894ca4419acf1014419b148a10000}, {TEXT=开发部, ID=402894ca4419acf101...

2016-06-02 22:18:31

阅读数:9482

评论数:0

EasyUI DataGrid 编辑单元格

之前文章 EasyUI DataGrid可编辑单元格 实现可编辑单元格,如果有多列都需要可编辑 当点击一个单元格 则此整行都会进行编辑 如下图: 现改为单击某个单元格只对此单元格进行可编辑 标记添加 onClickCell table id="dg" cl...

2016-03-13 21:36:24

阅读数:8838

评论数:0

EasyUI DataGrid 相同连续列合并

$.extend($.fn.datagrid.methods, { autoMergeCells: function(jq, fields) { return jq.each(function() { var target = $(this); ...

2016-03-10 22:39:24

阅读数:6926

评论数:2

EasyUI DataGrid 多级表头设置

使用EasyUI做一个报表统计,需要合并表头为多级表头,核心代码如下: $('#dg').datagrid({ url:'datagrid_data.action', fit : true, fitColumns : false, columns: ...

2016-02-28 20:59:25

阅读数:9037

评论数:4

EasyUI获取DataGrid中某一列的所有值

有一需求为计算[成绩]列中所有数据之和function count() { var rows = $('#dg'').datagrid('getRows')//获取当前页的数据行 var total = 0; for (var i = 0; i < rows.length; i++) ...

2015-07-23 22:08:44

阅读数:13778

评论数:4

EasyUI DataGrid可编辑单元格

效果如图:首先在需要可编辑的列上添加一个editor属性,列定义为numberbox编辑类型默认分值 当用户点击一行的时候,我们开始一个编辑动作$('#dg').datagrid({ onClickCell: function(index,field,value){ $(this).d...

2015-07-22 22:14:47

阅读数:12187

评论数:0

Easyui datebox单击文本框显示日期选择

Easyui默认是点击文本框后面的图标显示日期,为了更进一步优化体验修改为单击文本框显示日期选择框修改jquery.easyui.min.js(作者用的是1.3.6版本,其他版本或有区别)可ctrl+f搜索 "_outerWidth():0" 在本行下面添加如下代码:// da...

2015-05-27 21:34:23

阅读数:3426

评论数:2

Easyui控制combotree只能选择叶子节点

$(function() { $('#tt').combotree({ url: 'getTree.do', onBeforeSelect: function(node) { if (!$(this).tree('isLeaf', n...

2015-05-26 23:07:55

阅读数:4551

评论数:0

Easyui Datagrid的Rownumber行号显示问题

在Oracle中使用order by进行查询排序时,如果排序字段中有空值(null),排序结果可能会达不到我们想要的结果。如: select * from test order by age desc; 按照age字段降序排序,结果如下: 将sql语句改为 select * ...

2015-05-06 21:41:04

阅读数:9405

评论数:3

EasyUI 1.3.6 DateBox添加清空按钮

EasyUI 1.3.6 DateBox添加清空按钮 easyui datebox是没有清空按钮的,可通过如下方法加入: 打开jquery.easyui.min.js看到这样如此乱的代码,我们只能使用Ctrl+F搜索功能 搜索currentText,在第一次搜索到的位置有个buttons数组 在...

2014-09-04 21:48:21

阅读数:4285

评论数:3

EasyUI Editable Tree

设置url,createUrl,updateUrl,destroyUrl,dndUrl属性来自动同步数据到服务器 url: 返回树的数据 createUrl: 当创建一个新的节点,tree将传入名为parentId即表示父节点ID的参数 updateUrl: 当更新一个节点,将传入id和te...

2014-09-02 22:29:40

阅读数:2867

评论数:1

EasyUI实现异步加载tree(整合Struts2)

首先jsp页面有一ul用于展现tree 1.extends是json-default,表示返回json对象格式。 2.result中param的name为root,里面设置的值就是action中要返回的JSON对象

2014-09-01 21:41:39

阅读数:5905

评论数:2

EasyUI DataGrid及Pagination

DataGrid数据表格及Pagination一起介绍一、通过标记创建DataGrid,嵌套标签定义列表

2014-07-08 23:26:50

阅读数:6127

评论数:0

EasyUI项目驱动学习

下面以一个项目简单介绍easyui的使用,主要包括以下组件 布局面板 - layout 可伸缩面板 - accordion选项卡 - tabs控制面板 - panel 窗口 - window 对话框 - dialog 消息窗口 - messager数据表格 - datagrid 分页 - pagi...

2014-07-07 23:17:51

阅读数:3409

评论数:1

jQuery EasyUI实现关闭全部tabs

有时候当我们打开很多tabs选项卡时,要关闭它只能一个一个的进行关闭显然太麻烦,这时可以在选项卡的最右边添加一个按钮 实现关闭全部。代码如下: //获取最后一个tabs 在新加的选项卡后面添加"关闭全部" var li = $(".tabs-wrap ul l...

2014-06-19 21:57:15

阅读数:17806

评论数:1

easyui datagrid自定义操作列

通过formatter方法给Jquery easyui 的datagrid 每行增加操作链接我们都知道Jquery的EasyUI的datagrid可以添加并且自定义Toolbar,这样我们选择一行然后选择toolbar的相应按钮就可以对这行的数据进行操作。但实际项目里我们可能需要在每行后面加一些操...

2014-04-21 21:48:46

阅读数:5156

评论数:1

easyui tree 判断是否是叶子节点

这样一个需求:当点击tree树形菜单的时候如果是叶子节点就显示 add添加按钮, 否则隐藏 $('#myTree').tree( { url : 'admin/HhMessageTree.do', onSelect : function(node) { ...

2013-12-29 19:03:05

阅读数:8628

评论数:1

easyui获取当前点击对象tabs的title

现在如果要关闭一个tab,只能点击该tab上面的x号。现增加双击tab使其关闭。 可使用jquery的bind函数绑定dblclick双击事件 tabs的关闭方法为close 要传一个title参数表示哪个选项卡将被关闭。 所以首先就要获取被点击对象的title。 查找AIP getSelect...

2013-12-25 12:29:00

阅读数:7172

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭