摘要：
easyui DataGrid中格式化列，如果单价低于20，则使用定义列formatter为红色文本。格式化DataGrid列，我们应该设置formatter属性，这个属性是一个函数。格式化函数包括两个参数：· value: 显示字段当前列的值· record: 当前行记录数据 Markup<tab 阅读全文
posted @ 2016-09-27 10:27
芜明-追星
阅读(533)
评论(0)
推荐(0)
摘要：
这个事例演示了如何在点击列头的时候排序DataGrid中全部的列可以通过点击列头被排序。你可以定义可以被排序的列。默认的，列不能被排序除非你设置sortable属性为TRUE，下面是例子：标记 我们定义一些可排序的列，包括itemid，productid，listprice，unitcost等。at 阅读全文
posted @ 2016-09-27 10:25
芜明-追星
阅读(9968)
评论(0)
推荐(0)
摘要：
DataGrid内建分页能力是强大的，它比自定义相对容易。在这个教程，我们将要创建DataGrid并且在页面工具栏中添加一些自定义按钮。标记<table id="tt"></table>创建DataGrid 记住设置pagination属性为true产生页面工具栏。自定义页面工具栏 我们得到Data 阅读全文
posted @ 2016-09-27 10:24
芜明-追星
阅读(2942)
评论(0)
推荐(0)
摘要：
使用checkbox，用户可以选定/取消数据行。添加checkbox列，我们简单的添加列的checkbox属性，并且设置为true。代码像这样：<table id="tt"></table>$('#tt').datagrid({ title:'Checkbox Select', iconCls:'i 阅读全文
posted @ 2016-09-27 10:24
芜明-追星
阅读(2777)
评论(0)
推荐(0)
摘要：
创建DataGrid 使DataGrid可编辑，你应该添加editor属性到列中。editor告诉DataGrid如何编辑字和如何存储值。我们定义了三个editor：text，combobox，checkbox。添加编辑功能 阅读全文
posted @ 2016-09-27 10:23
芜明-追星
阅读(279)
评论(0)
推荐(0)
摘要：
默认的窗口有4个工具：collapsible（可折叠）,minimizable（最小化）,maximizable（最大化） 和closable（关闭），例如，我们定义下列窗口： 自定义工具，设置工具为true或者false。例如，我们希望窗口只有一个closeable工具，可以设置任何其他工具为fa 阅读全文
posted @ 2016-09-27 10:22
芜明-追星
阅读(348)
评论(0)
推荐(0)
摘要：
建立窗口时很简单的，我们建立DIV标记： 然后测试就出出现一个窗口，我们不用写任何js代码如果你想建立看不见的窗口，记住设置closed属性为true，你能调用open方法打开窗口： 这个演示，我们创建一个登陆窗口 阅读全文
posted @ 2016-09-27 10:22
芜明-追星
阅读(194)
评论(0)
推荐(0)
摘要：
对话框是特殊的窗口，它能包括上面的工具栏和下面的按钮。默认对话框不能改变大小，但是用户可以设置resizeable属性为true来使它可以被改变大小：对话框非常简单，可以使用DIV标记创建： 阅读全文
posted @ 2016-09-27 10:21
芜明-追星
阅读(302)
评论(0)
推荐(0)
摘要：
我们建立tabs内容。 看上面的代码，我们只需使用HTML标记，然后复合版面和window就会显示。这个jquery-easyui框架，是容易和强大的。 阅读全文
posted @ 2016-09-27 10:21
芜明-追星
阅读(247)
评论(0)
推荐(0)
摘要：
用etmvc framework返回json数据。创建HTML标记 创建jQuery代码我们使用url属性来指向远程数据 数据模型 写控制代码如果node是子，记住设置node状态为closed。 数据配置实例 部署· 建立MySQL数据库 · 从'/db/item.sql'导入测试表数据，表名是' 阅读全文
posted @ 2016-09-27 10:20
芜明-追星
阅读(213)
评论(0)
推荐(0)
摘要：
tree可以被从标记创建。easyui tree应该定义在ul元素中。无序列表ul元素提供了基本tree结构。每一个li元素被产生一个tree节点，子ul元素产生父tree节点。例子： <ul id="tt"> <li> <span>Folder</span> <ul> <li> <span>Sub 阅读全文
posted @ 2016-09-27 10:20
芜明-追星
阅读(245)
评论(0)
推荐(0)
摘要：
创建foods tree首先，我们创建foods tree，代码像这样： <div style="width:200px;height:auto;border:1px solid #ccc;"> <ul id="tt" class="easyui-tree" url="tree_data.json" 阅读全文
posted @ 2016-09-27 10:19
芜明-追星
阅读(3744)
评论(0)
推荐(0)
摘要：
创建form 转换成Ajax表单我们写一些jquery代码使表单以ajax方式发送。注意，当数据返回时，form插件的success函数激发，所以我们可以处理一点事情。 服务处理： 当我们点击发送按钮时，可以看到； 阅读全文
posted @ 2016-09-27 10:18
芜明-追星
阅读(219)
评论(0)
推荐(0)
摘要：
tree插件允许你创建checkbox tree，如果你点击节点的checkbox，被点击的节点信息得到下和上的继承。例如，点击tomato节点的checkbox，你可以看到vegetables节点现在只被选择一部分。创建tree标记 创建checkbox tree 我们使用easyloader以动 阅读全文
posted @ 2016-09-27 10:18
芜明-追星
阅读(335)
评论(0)
推荐(0)
摘要：
第一步：创建HTML标记 我们设置复合tree的url属性，这个字段可以被从服务器端检索tree。注意，字段的class名应该是easyui-combotree，所以我们不需要些任何js代码，复合tree字段就会自动生成。第二步，创建对话框我们在对话框中放置表单，这个对话框有发送和取消两个按钮。 第 阅读全文
posted @ 2016-09-27 10:17
芜明-追星
阅读(438)
评论(0)
推荐(0)
摘要：
$('#tt').datagrid({ title:'Merge Cells', iconCls:'icon-ok', width:600, height:300, singleSelect:true, rownumbers:true, idField:'itemid', url:'datagrid_data.js... 阅读全文
posted @ 2016-09-27 10:16
芜明-追星
阅读(314)
评论(0)
推荐(0)
摘要：
我们添加class名为easyui-validatebox到input标记，所以input标记应用验证依照validType属性。当出现错误的时候阻止表单发送当用户点击发送按钮，我们应该阻止有错误的表单发送。 如果表单不可以，出现提示：编写处理代码最后，我们编写后台处理服务代码，这个代码显示在控制台 阅读全文
posted @ 2016-09-27 10:16
芜明-追星
阅读(458)
评论(0)
推荐(0)
摘要：
function MergeCells(seletor, rows, fields) { if(rows == null || rows.length == 0 || fields == null || fields.length == 0) { return; } var rowCount = 1 阅读全文
posted @ 2016-09-27 10:13
芜明-追星
阅读(211)
评论(0)
推荐(0)
摘要：
datagrid 1.获取某行的行号（row）tdg.datagrid('getRowIndex',rows)2.通过行号移除该行tdg.datagrid('deleteRow',index)3.获取数据集tdg.datagrid('getData').rows4.根据坐标删除rowtdg.data 阅读全文
posted @ 2016-09-27 10:08
芜明-追星
阅读(364)
评论(0)
推荐(0)
摘要：
获取数据方法一： $('#countUnit').combobox({ data:com_countUnit, editable:false, cache: false, panelHeight: 'auto', valueField:'id', textField:'text', multiple 阅读全文
posted @ 2016-09-27 10:08
芜明-追星
阅读(138)
评论(0)
推荐(0)
摘要：
datagrid 1.获取某行的行号（row）tdg.datagrid('getRowIndex',rows)2.通过行号移除该行tdg.datagrid('deleteRow',index)3.获取数据集tdg.datagrid('getData').rows4.根据坐标删除rowtdg.data 阅读全文
posted @ 2016-09-27 10:07
芜明-追星
阅读(277)
评论(0)
推荐(0)
摘要：
一.前端框架使用的easyui框架 二.后端使用的是jfinal 三.效果图 四.html代码 五.js代码 六：后台实现 1> sql 2>实现方法 3>model 阅读全文
posted @ 2016-09-27 10:06
芜明-追星
阅读(2055)
评论(0)
推荐(0)
摘要：
效果图： html 阅读全文
posted @ 2016-09-27 10:05
芜明-追星
阅读(284)
评论(0)
推荐(0)
摘要：
1.问题描述 easyui 编辑表格新增一条数据后，删除最后一行删除不了，原因是没有提交数据acceptChanges。 源码中deleteRow方法，根据坐标获取行html,方法为opts.finder.getTr(_7cb,_7cc).remove()。 如id="datagrid-row-r4 阅读全文
posted @ 2016-09-27 10:04
芜明-追星
阅读(467)
评论(0)
推荐(0)
摘要：
JS： //合并相同数据的单元格 function MergeCells(seletor, rows, fields) { if(rows == null || rows.length == 0 || fields == null || fields.length == 0) { return; } 阅读全文
posted @ 2016-09-27 10:00
芜明-追星
阅读(736)
评论(0)
推荐(0)
摘要：
一.autoMergeCellAndCells实现效果 调用方法： function onLoadSuccess(data){ $(this).datagrid("autoMergeCellAndCells",['productid','productname']); } //所有列进行合并操作// 阅读全文
posted @ 2016-09-27 09:59
芜明-追星
阅读(2416)
评论(0)
推荐(1)
摘要：
/** * author ____′↘夏悸 * create date 2012-11-5 **/$.extend($.fn.datagrid.methods, { autoMergeCells : function (jq, fields) { return jq.each(function () 阅读全文
posted @ 2016-09-27 09:55
芜明-追星
阅读(267)
评论(0)
推荐(0)
摘要：
JS： /** * EasyUI DataGrid根据字段动态合并单元格 * @param fldList 要合并table的id * @param fldList 要合并的列,用逗号分隔(例如："name,department,office"); */ function MergeCells(ta 阅读全文
posted @ 2016-09-27 09:45
芜明-追星
阅读(956)
评论(0)
推荐(0)
浙公网安备 33010602011771号