随笔分类 - EasyUI
摘要：/**用法：*/function doCellTip() { $('#dg').datagrid('doCellTip', { 'max-width': '100px' });} /** * 扩展两个方法 */$.extend($.fn.datagrid.methods, { /** * 开打提示功
阅读全文
摘要：1.validatebox可以用的用法:前两种适用于单个的validatebox;第三种应用于整个form里面的输入框; <1>.$("#id").attr("readonly", true); $("#id").removeAttr("readonly"); <2>.$("#id").attr("
阅读全文
摘要：.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{ -o-text-overflow: ellipsis; text-overflow: ellipsis;}
阅读全文
摘要：$.extend($.fn.layout.methods, { remove: function(jq, region){ return jq.each(function(){ var panel = $(this).layout("panel",region); if(panel){ panel.
阅读全文
摘要：首先将easyui的样式文件加入一个ID，这里命名为easyuiTheme，然后在样式文件下面加入一个JS文件 <script type="text/javascript" charset="UTF-8" src="jslib/jquery-easyui-1.2.5/jquery-1.7.1.min
阅读全文
摘要：扩展了个$.messager.showBySite，根据舍得的位置显示$.messager.show。代码如下： /** * 指定位置显示$.messager.show * options $.messager.show的options * param = {left,top,right,botto
阅读全文
摘要：实例化。这里增加了三个属性，可以指定idFiled，textFiled和parentField。所以这里的simpleData可以不严格转换成tree的数据格式。 tree_data_simp.php 的json数据类型。是一个扁平结构数据集。 自定义loadFilter的实现
阅读全文
摘要：$.extend($.fn.menu.methods,{ showItem:function(jq,text){ return jq.each(function(){ var item = $(this).menu('findItem',text); $(item.target).show(); }
阅读全文
摘要：设置url,createUrl,updateUrl,destroyUrl,dndUrl属性来自动同步数据到服务器 url: 返回树的数据 createUrl: 当创建一个新的节点,tree将传入名为parentId即表示父节点ID的参数 updateUrl: 当更新一个节点,将传入id和text参数
阅读全文
摘要：有时候当我们打开很多tabs选项卡时,要关闭它只能一个一个的进行关闭 显然太麻烦,这时可以在选项卡的最右边添加一个按钮 实现关闭全部。 代码如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head
阅读全文
摘要：通过formatter方法给Jquery easyui 的datagrid 每行增加操作链接 我们都知道Jquery的EasyUI的datagrid可以添加并且自定义Toolbar， 这样我们选择一行然后选择toolbar的相应按钮就可以对这行的数据进行操作。 但实际项目里我们可能需要在每行后面加一
阅读全文
摘要：现在如果要关闭一个tab，只能点击该tab上面的x号。现增加双击tab使其关闭。 可使用jquery的bind函数绑定dblclick双击事件 tabs的关闭方法为close 要传一个title参数表示哪个选项卡将被关闭。 所以首先就要获取被点击对象的title。 查找AIP getSelected
阅读全文
摘要：更新特定的选项卡面板 可使用update方法，param参数包含2个属性: tab: 将被更新的选项卡。 options: 选项卡相关配置项。 Example: //当前tab var current_tab = $('#frame_tabs').tabs('getSelected'); $('#f
阅读全文
摘要：介绍easyui的使用,主要包括以下组件 布局面板 - layout 可伸缩面板 - accordion 选项卡 - tabs 控制面板 - panel 窗口 - window 对话框 - dialog 消息窗口 - messager 数据表格 - datagrid 分页 - pagination
阅读全文
摘要：DataGrid数据表格及Pagination分页一起介绍 一、通过<table>标记创建DataGrid,嵌套<th>标签定义列表 二、加载数据表格 data.resultList 为后台返回的JSON格式的数据 如：[{id=1,loginname=zhangsan,username=zhang
阅读全文
摘要：Datagrid中当你的行数据超过9999时，第一列的行号rownumber将会因为表格内容过长而导致无法显示全部数字， 这一点Easyui无法做到自适应 所以需要进行修改，这里扩展一个方法就行了。 $.extend($.fn.datagrid.methods, { fixRownumber : f
阅读全文
摘要：$(function() { $('#tt').combotree({ url: 'getTree.do', onBeforeSelect: function(node) { if (!$(this).tree('isLeaf', node.target)) { return false; } },
阅读全文
摘要：Easyui默认是点击文本框后面的图标显示日期，为了更进一步优化体验 修改为单击文本框显示日期选择框 修改jquery.easyui.min.js(作者用的是1.3.6版本,其他版本或有区别) 可 ctrl+f 搜索 "_outerWidth():0" 在本行下面添加如下代码： 上下文代码如下：
阅读全文
摘要：function count() { var rows = $('#dg'').datagrid('getRows')//获取当前页的数据行 var total = 0; for (var i = 0; i < rows.length; i++) { total += rows[i]['SCORE'
阅读全文
摘要：使用EasyUI做一个报表统计，需要合并表头为多级表头，核心代码如下: $('#dg').datagrid({ url:'datagrid_data.action', fit : true, fitColumns : false, columns: [ [ {"title":"网格员考核测评表","
阅读全文
浙公网安备 33010602011771号