随笔分类 - EasyUI
摘要：使用checkbox，用户可以选定/取消数据行。添加checkbox列，我们简单的添加列的checkbox属性，并且设置为true。代码像这样：<table id="tt"></table>$('#tt').datagrid({ title:'Checkbox Select', iconCls:'i
阅读全文
摘要：创建DataGrid 使DataGrid可编辑，你应该添加editor属性到列中。editor告诉DataGrid如何编辑字和如何存储值。我们定义了三个editor：text，combobox，checkbox。添加编辑功能
阅读全文
摘要：默认的窗口有4个工具：collapsible（可折叠）,minimizable（最小化）,maximizable（最大化） 和closable（关闭），例如，我们定义下列窗口： 自定义工具，设置工具为true或者false。例如，我们希望窗口只有一个closeable工具，可以设置任何其他工具为fa
阅读全文
摘要：建立窗口时很简单的，我们建立DIV标记： 然后测试就出出现一个窗口，我们不用写任何js代码如果你想建立看不见的窗口，记住设置closed属性为true，你能调用open方法打开窗口： 这个演示，我们创建一个登陆窗口
阅读全文
摘要：我们建立tabs内容。 看上面的代码，我们只需使用HTML标记，然后复合版面和window就会显示。这个jquery-easyui框架，是容易和强大的。
阅读全文
摘要：对话框是特殊的窗口，它能包括上面的工具栏和下面的按钮。默认对话框不能改变大小，但是用户可以设置resizeable属性为true来使它可以被改变大小：对话框非常简单，可以使用DIV标记创建：
阅读全文
摘要：用etmvc framework返回json数据。创建HTML标记 创建jQuery代码我们使用url属性来指向远程数据 数据模型 写控制代码如果node是子，记住设置node状态为closed。 数据配置实例 部署· 建立MySQL数据库 · 从'/db/item.sql'导入测试表数据，表名是'
阅读全文
摘要：tree可以被从标记创建。easyui tree应该定义在ul元素中。无序列表ul元素提供了基本tree结构。每一个li元素被产生一个tree节点，子ul元素产生父tree节点。例子： <ul id="tt"> <li> <span>Folder</span> <ul> <li> <span>Sub
阅读全文
摘要：创建foods tree首先，我们创建foods tree，代码像这样： <div style="width:200px;height:auto;border:1px solid #ccc;"> <ul id="tt" class="easyui-tree" url="tree_data.json"
阅读全文
摘要：创建form 转换成Ajax表单我们写一些jquery代码使表单以ajax方式发送。注意，当数据返回时，form插件的success函数激发，所以我们可以处理一点事情。 服务处理： 当我们点击发送按钮时，可以看到；
阅读全文
摘要：tree插件允许你创建checkbox tree，如果你点击节点的checkbox，被点击的节点信息得到下和上的继承。例如，点击tomato节点的checkbox，你可以看到vegetables节点现在只被选择一部分。创建tree标记 创建checkbox tree 我们使用easyloader以动
阅读全文
摘要：第一步：创建HTML标记 我们设置复合tree的url属性，这个字段可以被从服务器端检索tree。注意，字段的class名应该是easyui-combotree，所以我们不需要些任何js代码，复合tree字段就会自动生成。第二步，创建对话框我们在对话框中放置表单，这个对话框有发送和取消两个按钮。 第
阅读全文
摘要：$('#tt').datagrid({ title:'Merge Cells', iconCls:'icon-ok', width:600, height:300, singleSelect:true, rownumbers:true, idField:'itemid', url:'datagrid_data.js...
阅读全文
摘要：我们添加class名为easyui-validatebox到input标记，所以input标记应用验证依照validType属性。当出现错误的时候阻止表单发送当用户点击发送按钮，我们应该阻止有错误的表单发送。 如果表单不可以，出现提示：编写处理代码最后，我们编写后台处理服务代码，这个代码显示在控制台
阅读全文
摘要：function MergeCells(seletor, rows, fields) { if(rows == null || rows.length == 0 || fields == null || fields.length == 0) { return; } var rowCount = 1
阅读全文
摘要：datagrid 1.获取某行的行号（row）tdg.datagrid('getRowIndex',rows)2.通过行号移除该行tdg.datagrid('deleteRow',index)3.获取数据集tdg.datagrid('getData').rows4.根据坐标删除rowtdg.data
阅读全文
摘要：获取数据方法一： $('#countUnit').combobox({ data:com_countUnit, editable:false, cache: false, panelHeight: 'auto', valueField:'id', textField:'text', multiple
阅读全文
摘要：datagrid 1.获取某行的行号（row）tdg.datagrid('getRowIndex',rows)2.通过行号移除该行tdg.datagrid('deleteRow',index)3.获取数据集tdg.datagrid('getData').rows4.根据坐标删除rowtdg.data
阅读全文
摘要：一.前端框架使用的easyui框架 二.后端使用的是jfinal 三.效果图 四.html代码 五.js代码 六：后台实现 1> sql 2>实现方法 3>model
阅读全文
浙公网安备 33010602011771号