EasyUI
文章平均质量分 66
麦田
生命本来就是一束耀眼的花火...
展开
-
EasyUI tree扩展获取实心节点
//扩展 获得tree 的实心节点 $(function(){ $.extend($.fn.tree.methods,{ getCheckedExt: function(jq){ var checked = $(jq).tree("getChecked"); //获取选中的选项 也就是打钩的 var ch原创 2013-10-25 18:00:40 · 4056 阅读 · 0 评论 -
Easyui控制combotree只能选择叶子节点
$(function() { $('#tt').combotree({ url: 'getTree.do', onBeforeSelect: function(node) { if (!$(this).tree('isLeaf', node.target)) { return false;原创 2015-05-26 23:07:55 · 7342 阅读 · 0 评论 -
Easyui datebox单击文本框显示日期选择
Easyui默认是点击文本框后面的图标显示日期,为了更进一步优化体验修改为单击文本框显示日期选择框修改jquery.easyui.min.js(作者用的是1.3.6版本,其他版本或有区别)可ctrl+f搜索 "_outerWidth():0" 在本行下面添加如下代码:// datebox单击文本框出现日期选择 startif ($(_83f).hasClass("datebox-f")) {原创 2015-05-27 21:34:23 · 5932 阅读 · 2 评论 -
EasyUI DataGrid可编辑单元格
效果如图:首先在需要可编辑的列上添加一个editor属性,列定义为numberbox编辑类型默认分值 当用户点击一行的时候,我们开始一个编辑动作$('#dg').datagrid({ onClickCell: function(index,field,value){ $(this).datagrid('beginEdit', index); var ed = $(this).dat原创 2015-07-22 22:14:47 · 18159 阅读 · 0 评论 -
EasyUI获取DataGrid中某一列的所有值
有一需求为计算[成绩]列中所有数据之和function count() { var rows = $('#dg').datagrid('getRows')//获取当前页的数据行 var total = 0; for (var i = 0; i < rows.length; i++) { total += rows[i]['SCORE']; //获取指定列 } ale...原创 2015-07-23 22:08:44 · 22232 阅读 · 4 评论 -
EasyUI DataGrid 相同连续列合并
$.extend($.fn.datagrid.methods, { autoMergeCells: function(jq, fields) { return jq.each(function() { var target = $(this); if (!fields) { fields = t原创 2016-03-10 22:39:24 · 10939 阅读 · 2 评论 -
EasyUI DataGrid 多级表头设置
使用EasyUI做一个报表统计,需要合并表头为多级表头,核心代码如下: $('#dg').datagrid({ url:'datagrid_data.action', fit : true, fitColumns : false, columns: [ [ {"title":原创 2016-02-28 20:59:25 · 18465 阅读 · 6 评论 -
EasyUI DataGrid 编辑单元格
之前文章 EasyUI DataGrid可编辑单元格 实现可编辑单元格,如果有多列都需要可编辑 当点击一个单元格 则此整行都会进行编辑如下图: 现改为单击某个单元格只对此单元格进行可编辑标记添加 onClickCelltable id="dg" class="easyui-datagrid" data-options="onClickCell: onClickCell"原创 2016-03-13 21:36:24 · 18440 阅读 · 3 评论 -
EasyUI combobox 加载JSON数据
Action返回 JSON 格式如下:jsonResult = { total=7,rows=[ {TEXT=技术支持, ID=402894ca4419acf1014419b148a10000}, {TEXT=开发部, ID=402894ca4419acf1014419beb1bc0001}, {TEXT=实施, ID=4028e439476b55b原创 2016-06-02 22:18:31 · 16872 阅读 · 2 评论 -
EasyUI combobox 多选及回显赋值
multiple boolean 决定是否支持多项选择.$('#cc').combobox({ url:'combobox_data.json', multiple:true, //支持多选 valueField:'id', textField:'text' });单选赋值:setValue$('#cc').combobox('setV原创 2016-06-06 10:04:15 · 28752 阅读 · 0 评论 -
EasyUI tree 实现点击展开/折叠
$('#tt').tree( { url : 'getTree.do', animate: true, onClick: function(node){ $('#tt').tree(node.state === 'closed' ? 'expand' : 'collapse', node.target); }});作者:itmyhome原创 2017-12-01 19:17:32 · 9810 阅读 · 1 评论 -
EasyUI DataGrid实现单选且选择后可取消选择
要实现的效果为只允许单选,且选择后再选择该行则是取消选择在DataGrid中控制复选框的三个属性为:名称描述默认值singleSelect设置为true将只允许选择一行。falsecheckOnSelect如果为true,该复选框被选中/取消选中,当用户点击某一行上。如果为false,该复选框仅检查/取消选中,当用户点击完全的复选框。trueselec...原创 2019-03-26 09:01:36 · 3653 阅读 · 0 评论 -
Easyui Datagrid的Rownumber行号显示问题
在Oracle中使用order by进行查询排序时,如果排序字段中有空值(null),排序结果可能会达不到我们想要的结果。如:select * from test order by age desc; 按照age字段降序排序,结果如下:将sql语句改为select * from test order by age desc nulls last;即可将null值排到原创 2015-05-06 21:41:04 · 17663 阅读 · 4 评论 -
EasyUI 1.3.6 DateBox添加清空按钮
EasyUI 1.3.6 DateBox添加清空按钮easyui datebox是没有清空按钮的,可通过如下方法加入:打开jquery.easyui.min.js看到这样如此乱的代码,我们只能使用Ctrl+F搜索功能搜索currentText,在第一次搜索到的位置有个buttons数组在今天("Today")与关闭("Close")中间添加清空。原创 2014-09-04 21:48:21 · 5262 阅读 · 3 评论 -
EasyUI Editable Tree
设置url,createUrl,updateUrl,destroyUrl,dndUrl属性来自动同步数据到服务器url: 返回树的数据createUrl: 当创建一个新的节点,tree将传入名为parentId即表示父节点ID的参数updateUrl: 当更新一个节点,将传入id和text参数到服务器destroyUrl: 当销毁一个节点,传入id参数dndUrl: 当拖放节点,将传入以下参数到服务器。ID:被拖动的ID,targetId:被拖至到的ID原创 2014-09-02 22:29:40 · 3711 阅读 · 1 评论 -
easyui获取日期datebox中的值
var ctime = $("#CTIME").datebox("getValue");原创 2013-09-27 18:02:33 · 5903 阅读 · 0 评论 -
easyui获取当前点击对象tabs的title
现在如果要关闭一个tab,只能点击该tab上面的x号。现增加双击tab使其关闭。可使用jquery的bind函数绑定dblclick双击事件tabs的关闭方法为close 要传一个title参数表示哪个选项卡将被关闭。所以首先就要获取被点击对象的title。查找AIP getSelected方法是获得选中的选项卡面板,这个不行,没能找到能直接获取title的方法。观察上面打开的tabs选项卡,肯定会有一个目前是被选中状态,而这个状态的class属性也肯定是和其他tabs不一样的,通过chro原创 2013-12-25 12:29:00 · 9589 阅读 · 0 评论 -
EasyUI项目驱动学习
下面以一个项目简单介绍easyui的使用,主要包括以下组件 布局面板 - layout 可伸缩面板 - accordion选项卡 - tabs控制面板 - panel 窗口 - window 对话框 - dialog 消息窗口 - messager数据表格 - datagrid 分页 - pagination 树型菜单 - tree 等等...可先下载项目源码 对各个组件有个大致了解 xxx原创 2014-07-07 23:17:51 · 4009 阅读 · 1 评论 -
EasyUI DataGrid及Pagination
DataGrid数据表格及Pagination一起介绍一、通过标记创建DataGrid,嵌套标签定义列表原创 2014-07-08 23:26:50 · 8237 阅读 · 0 评论 -
easyui datagrid自定义操作列
通过formatter方法给Jquery easyui 的datagrid 每行增加操作链接我们都知道Jquery的EasyUI的datagrid可以添加并且自定义Toolbar,这样我们选择一行然后选择toolbar的相应按钮就可以对这行的数据进行操作。但实际项目里我们可能需要在每行后面加一些操作链接,比如“修改”、“删除”、“查看”之类。如下图:原创 2014-04-21 21:48:46 · 6874 阅读 · 0 评论 -
easyui tree在struts1中的使用
前段时间写过类似的功能,开发环境是struts2,jdk1.6,tomcat而这次是修改N年前的项目项目的开发环境为struts1,jdk1.4,weblogic8,比较过时所以就增加了使用easyui的难度。难点为:一、配置action 不能像struts2那样直接可以和json完美整合action中result结果集为 treeNodes而stru原创 2013-11-18 20:01:24 · 3464 阅读 · 1 评论 -
easyui tree 判断是否是叶子节点
这样一个需求:当点击tree树形菜单的时候如果是叶子节点就显示 add添加按钮, 否则隐藏$('#myTree').tree( { url : 'admin/HhMessageTree.do', onSelect : function(node) { if($('#myTree').tree('isLeaf',node.target)){原创 2013-12-29 19:03:05 · 12874 阅读 · 1 评论 -
jQuery EasyUI实现关闭全部tabs
有时候当我们打开很多tabs选项卡时,要关闭它只能一个一个的进行关闭显然太麻烦,这时可以在选项卡的最右边添加一个按钮 实现关闭全部。代码如下://获取最后一个tabs 在新加的选项卡后面添加"关闭全部" var li = $(".tabs-wrap ul li:last-child"); $("#close").remove(); li.after("<li id='close'><a class='tabs-inner' href='javascript:void()' onCl原创 2014-06-19 21:57:15 · 21503 阅读 · 1 评论 -
jQuery easyui刷新当前tabs
更新特定的选项卡面板 可使用update方法,param参数包含2个属性:tab: 将被更新的选项卡。options: 选项卡相关配置项。Example://当前tabvar current_tab = $('#frame_tabs').tabs('getSelected');$('#frame_tabs').tabs('update',{ tab:curre原创 2013-12-24 17:58:23 · 13642 阅读 · 4 评论 -
EasyUI实现异步加载tree(整合Struts2)
首先jsp页面有一ul用于展现tree1.extends是json-default,表示返回json对象格式。2.result中param的name为root,里面设置的值就是action中要返回的JSON对象原创 2014-09-01 21:41:39 · 7376 阅读 · 2 评论 -
easyui struts后台实现tree返回json数据
首先jsp页面有一ul用于展现tree加载tree$(function() { $('#trueULid').tree( { url : 'admin/HhTestTree.do' });});配置action<action name="HhTestTree" method="testTree" class="org.bkgd.e原创 2013-10-29 22:01:28 · 6504 阅读 · 2 评论 -
EasyUI DataGrid 通过index获取行的内容
第一种方法var rowsData = $("#dg").datagrid('getSelected'); //获得被选择的行console.info(rowsData);第二种方法var rows = $("#dg").datagrid('getRows');//获得所有行var row = rows[index];//根据index获得其中一行。console.info(row)...原创 2019-09-04 17:54:23 · 8411 阅读 · 0 评论