MIniUI

jQuery MiniUI 开发教程 TreeGrid 自定义单元格（三）

阅读更多TreeGrid：绘制单元格参考示例：TreeGrid：绘制单元格监听处理"drawcell"事件使用"drawcell"事件，可以自定义单元格内容、样式、行样式等。functiononDrawCell(e){varnode=e.node,column=e.column,field=e.field,value=e.value;//格式化日期if(field=="Finish"){if(mi
nikofan·2012-12-14 15:00

jQuery MiniUI 开发教程 TreeGrid 自定义单元格（三）

TreeGrid：绘制单元格参考示例：TreeGrid：绘制单元格  监听处理"drawcell"事件使用"drawcell"事件，可以自定义单元格内容、样式、行样式等。functiononDrawCell(e){   varnode=e.node,       column=e.column,       field=e.field,       value=e.value;   //格式化日期
nikofan·2012-12-14 15:00

jQuery MiniUI 开发教程 TreeGrid 懒加载（二）

jQueryMiniUI开发教程TreeGrid懒加载（二）TreeGrid：懒加载                        参考示例：TreeGrid：懒加载                               
grid·2012-12-13 16:00

jQuery MiniUI 开发教程 TreeGrid 懒加载（二）

阅读更多TreeGrid：懒加载参考示例：TreeGrid：懒加载创建代码名称类型大小创建日期服务端返回数据[{id:"form",text:"Form",......isLeaf:false,//是否叶子节点：+和-号expanded:false//节点处于收缩状态},......]其中，isLeft说明此节点是否有下一级节点。expanded表示此节点处于折叠状态。懒加载事件当用户点击"+"图
nikofan·2012-12-13 16:00

jQuery MiniUI 开发教程 TreeGrid 懒加载（二）

TreeGrid：懒加载参考示例：TreeGrid：懒加载 创建代码          名称       类型       大小       创建日期   服务端返回数据[{   id:"form",   text:"Form",   ......   isLeaf:false,                           //是否叶子节点：+和-号   expanded:false   
nikofan·2012-12-13 16:00

jQuery MiniUI 开发教程 TreeGrid 创建TreeGrid（一）

jQueryMiniUI开发教程TreeGrid创建TreeGrid（一）TreeGrid                        参考示例:TreeGrid                               
grid·2012-12-12 17:00

jQuery MiniUI 开发教程 TreeGrid 创建TreeGrid（一）

阅读更多TreeGrid参考示例：TreeGrid创建TreeGrid任务名称工期开始日期完成日期注意：idField、parentField、resultAsTree属性。数据结构：列表通过url返回的数据结构如下：[{id:"base",text:"Base",expanded:false},{id:"ajax",text:"Ajax",pid:"base"},{id:"json",text:
nikofan·2012-12-12 16:00

jQuery MiniUI 开发教程 TreeGrid 创建TreeGrid（一）

TreeGrid参考示例：TreeGrid  创建TreeGrid                 任务名称       工期       开始日期       完成日期   注意：idField、parentField、resultAsTree属性。数据结构：列表通过url返回的数据结构如下：[   {id:"base",text:"Base",expanded:false},      {id
nikofan·2012-12-12 16:00

jQuery MiniUI 开发教程 树形控件 树操作：过滤树（十一）

jQueryMiniUI开发教程树形控件树操作：过滤树（十一）过滤树                              参考示：过滤树                       filter节点过滤
grid·2012-12-11 16:00

jQuery MiniUI 开发教程 树形控件 树操作：过滤树（十一）

过滤树参考示例：过滤树filter节点过滤tree.filter(function(node){   vartext=node.text?node.text.toLowerCase():"";   if(text.indexOf(key)!=-1){       returntrue;   }});clearFilter取消过滤tree.clearFilter();
nikofan·2012-12-11 15:00

jQuery MiniUI 开发教程 树形控件 树操作：右键菜单（十）

jQueryMiniUI开发教程树形控件树操作：右键菜单（十）树右键菜单                   参考示例：树右键菜单                 一：创建ContextMenu     
grid·2012-12-10 16:00

jQuery MiniUI 开发教程 树形控件 树操作：右键菜单（十）

树右键菜单参考示例：树右键菜单一：创建ContextMenu          移动节点             新增节点           插入节点前                          插入节点后              插入子节点                      编辑节点   删除节点       二：设置contextmenu       三：监听beforeo
nikofan·2012-12-10 16:00

jQuery MiniUI 开发教程 树形控件 树操作：右键菜单（十）

阅读更多树右键菜单参考示例：树右键菜单一：创建ContextMenu移动节点新增节点插入节点前插入节点后插入子节点编辑节点删除节点二：设置contextmenu三：监听beforeopen事件functiononBeforeOpen(e){varmenu=e.sender;vartree=mini.get("tree1");varnode=tree.getSelectedNode();if(!no
nikofan·2012-12-10 16:00

jQuery MiniUI 开发教程 树形控件 树操作：自定义节点（九）

jQueryMiniUI开发教程树形控件树操作：自定义节点（九）自定义节点                       参考示例：自定义节点                       创建代码         
grid·2012-12-07 16:00

jQuery MiniUI 开发教程 树形控件 树操作：自定义节点（九）

阅读更多自定义节点参考示例：自定义节点创建代码此时，我们监听了“drawnode”事件。drawnode事件functiononDrawNode(e){vartree=e.sender;varnode=e.node;varhasChildren=tree.hasChildren(node);//所有子节点加上超链接if(hasChildren==false){e.nodeHtml='[url=ht
nikofan·2012-12-07 16:00

jQuery MiniUI 开发教程 树形控件 树操作：自定义节点（九）

自定义节点参考示例：自定义节点创建代码       此时，我们监听了“drawnode”事件。drawnode事件functiononDrawNode(e){   vartree=e.sender;   varnode=e.node;   varhasChildren=tree.hasChildren(node);   //所有子节点加上超链接   if(hasChildren==false){ 
nikofan·2012-12-07 16:00

jQuery MiniUI 开发教程 树形控件 树操作：节点拖拽投放（八）

jQueryMiniUI开发教程树形控件树操作：节点拖拽投放（八）节点拖拽投放                              参考示例：节点拖拽投放        创建代码          
grid·2012-12-06 16:00

jQuery MiniUI 开发教程 树形控件 树操作：节点拖拽投放（八）

节点拖拽投放参考示例：节点拖拽投放创建代码   allowDrag：允许拖拽节点    allowDrop：允许投放节点
nikofan·2012-12-06 16:00

jQuery MiniUI 开发教程 树形控件 多选树：CheckBoxTree（七）

jQueryMiniUI开发教程树形控件多选树：CheckBoxTree（七）多选树：CheckBoxTree                                 参考示例：多选树：CheckBoxTree
grid·2012-12-05 16:00

jQuery MiniUI 开发教程 树形控件 多选树：CheckBoxTree（七）

阅读更多多选树：CheckBoxTree参考示例：多选树：CheckBoxTree创建代码showCheckBox：显示树形的checkboxcheckRecursive：决定是否联动选择设置多选tree.setValue("forms,button,lists");获取多选varvalue=tree.getValue();alert(value);
nikofan·2012-12-05 16:00

jQuery MiniUI 开发教程 树形控件 多选树：CheckBoxTree（七）

多选树：CheckBoxTree参考示例：多选树：CheckBoxTree创建代码          showCheckBox：显示树形的checkbox   checkRecursive：决定是否联动选择设置多选tree.setValue("forms,button,lists");获取多选varvalue=tree.getValue();alert(value);
nikofan·2012-12-05 16:00

jQuery MiniUI 开发教程 树形控件 树操作：增加、删除、修改、移动（六）

jQueryMiniUI开发教程树形控件树操作：增加、删除、修改、移动（六）树操作：增加、删除、修改、移动                    参考示例：增加、删除、修改节点                       
grid·2012-12-04 15:00

jQuery MiniUI 开发教程 树形控件 树操作：增加、删除、修改、移动（六）

阅读更多树操作：增加、删除、修改、移动参考示例：增加、删除、修改节点增加节点vartree=mini.get("tree1");varnode=tree.getSelectedNode();varnewNode={};tree.addNode(newNode,"before",node);删除节点varnode=tree.getSelectedNode();tree.removeNode(node
nikofan·2012-12-04 15:00

jQuery MiniUI 开发教程 树形控件 树操作：增加、删除、修改、移动（六）

树操作：增加、删除、修改、移动 参考示例： 增加、删除、修改节点 增加节点 var tree = mini.get("tree1"); var node = tree.getSelectedNode(); var newNode = {}; tree.addNode(newNode, "before", node); 删除
nikofan·2012-12-04 15:00

jQuery MiniUI 开发教程 树形控件 树形：懒加载树（五）

jQueryMiniUI开发教程树形控件树形：懒加载树（五）懒加载树                     参考示例：懒加载树                      创建代码                    
grid·2012-12-03 16:00

jQuery MiniUI 开发教程 树形控件 树形：懒加载树（五）

懒加载树参考示例：懒加载树创建代码       服务端返回数据[{   id:"form",   text:"Form",   ......   isLeaf:false,                           //是否叶子节点：+和-号   expanded:false                           //节点处于收缩状态},......]其中，isLeft说明
nikofan·2012-12-03 16:00

jQuery MiniUI 开发教程 树形控件 创建树：Html生成（四）

jQueryMiniUI开发教程树形控件创建树：Html生成（四）创建树：Html生成             参考示例：创建树：Html生成                     Html标签创建节点
grid·2012-11-30 16:00

jQuery MiniUI 开发教程 树形控件 创建树：Html生成（四）

创建树：Html生成 参考示例： 创建树：Html生成 Html标签创建节点 <ul id="tree2" class="mini-tree" style="width:200px;padding:5px;" showTreeIcon="true">    
nikofan·2012-11-30 15:00

jQuery MiniUI 开发教程 树形控件 创建树：本地JSON（三）

jQueryMiniUI开发教程树形控件创建树：本地JSON（三）创建树：本地JSON                        参考示例：创建树：本地JSON           创建Tree          
grid·2012-11-29 16:00

jQuery MiniUI 开发教程 树形控件 创建树：本地JSON（三）

创建树：本地JSON 参考示例： 创建树：本地JSON 创建Tree 没有设置url。 <ul id="tree3" class="mini-tree" style="width:300px;padding:5px;"     showTreeIcon="true&qu
nikofan·2012-11-29 16:00

jQuery MiniUI 开发教程 树形控件 创建树：列表结构（二）

jQueryMiniUI开发教程树形控件创建树：列表结构（二）创建树：列表结构                                               参考示例： 列表数据生成Tree
grid·2012-11-28 16:00

jQuery MiniUI 开发教程 树形控件 创建树：列表结构（二）

创建树：列表结构参考示例：列表数据生成Tree创建Tree注意：idField、parentField、resultAsTree属性。数据结构：列表通过url返回的数据结构如下：[   {id:"base",text:"Base",expanded:false},      {id:"ajax",text:"Ajax",pid:"base"},   {id:"json",text:"JSON",p
nikofan·2012-11-28 15:00

jQuery MiniUI 开发教程 树形控件 创建树：树形结构（一）

jQueryMiniUI开发教程树形控件创建树：树形结构（一）创建树：树形结构                                               参考示例：Tree树形控件                      
grid·2012-11-27 16:00

jQuery MiniUI 开发教程 树形控件 创建树：树形结构（一）

创建树：树形结构参考示例：Tree树形控件创建Tree       数据结构：树形通过url返回的数据结构如下：[   {id:"base",text:"Base",expanded:false,       children:[           {id:"ajax",text:"Ajax"},           {id:"json",text:"JSON"},           {id:
nikofan·2012-11-27 15:00

jQuery MiniUI 开发教程 表格控件 表格：数据绑定（十八）

jQueryMiniUI开发教程表格控件表格：数据绑定（十八）DataBinding：数据绑定                           参考示例：DataBinding：数据绑定                      
grid·2012-11-26 15:00

jQuery MiniUI 开发教程 表格控件 表格：合并单元格（十七）

jQueryMiniUI开发教程表格控件表格：合并单元格（十七）表格：合并单元格                                                 参考示例：合并单元格                                  
grid·2012-11-23 15:00

jQuery MiniUI 开发教程 表格控件 表格：合并单元格（十七）

表格：合并单元格参考示例：合并单元格调用方法：margeCells。如下代码：grid.on("load",onLoad);functiononLoad(e){   vargrid=e.sender;   varmarges=[       {rowIndex:1,columnIndex:0,rowSpan:1,colSpan:2},       {rowIndex:3,columnIndex:0
nikofan·2012-11-23 15:00

jQuery MiniUI 开发教程 表格控件 表格：显示/隐藏列（六）

jQueryMiniUI开发教程表格控件表格：显示/隐藏列（六）表格：显示/隐藏列                           参考示例：显示/隐藏列                       
grid·2012-11-23 12:00

jQuery MiniUI 开发教程 表格控件 表格：分组（十六）

jQueryMiniUI开发教程表格控件表格：分组（十六）表格：分组                                                  参考示例：分组                              
grid·2012-11-22 16:00

jQuery MiniUI 开发教程 表格控件 表格：右键菜单（十五）

jQueryMiniUI开发教程表格控件表格：右键菜单（十五）表格：右键菜单                                     参考示例：右键菜单                      
grid·2012-11-21 17:00

jQuery MiniUI 开发教程 表格控件 表格：右键菜单（十五）

表格：右键菜单参考示例：右键菜单一：创建ContextMenu                新增   编辑节点   删除节点       二：设置表格contextmenu   ......  三：监听beforeopen事件监听右键菜单的beforeopen事件，可以对右键菜单精确控制。functiononBeforeOpen(e){   vargrid=mini.get("datagrid1
nikofan·2012-11-21 17:00

jQuery MiniUI 开发教程 表格控件 表格编辑：单元格编辑验证（十四）

jQueryMiniUI开发教程表格控件表格编辑：单元格编辑验证（十四）单元格编辑验证                                   参考示例：单元格编辑验证                     
grid·2012-11-20 15:00

jQuery MiniUI 开发教程 表格控件 表格编辑：单元格编辑验证（十四）

单元格编辑验证参考示例：单元格编辑验证一：设置编辑器验证规则员工帐号        使用编辑器的vtype和onvalidation事件，可以实现编辑器验证规则。详细可以查看：数据验证。二：监听处理cellcommitedit事件//提交单元格编辑数据前激发functiononCellCommitEdit(e){   vareditor=e.editor;   editor.validate();
nikofan·2012-11-20 15:00

jQuery MiniUI 开发教程 表格控件 表格编辑：弹出框编辑（十三）

jQueryMiniUI开发教程表格控件表格编辑：弹出框编辑（十三）CRUD之：弹出面板编辑                                  参考示例：CRUD之：弹出面板编辑                      
grid·2012-11-19 22:00

jQuery MiniUI 开发教程 表格控件 表格编辑：弹出框编辑（十三）

CRUD之：弹出面板编辑参考示例：CRUD之：弹出面板编辑一：创建弹出编辑面板                                           员工帐号：                              姓名：                              薪资：                                               
nikofan·2012-11-19 22:00

jQuery MiniUI 开发教程 表格控件 表格编辑：表单编辑（十二）

jQueryMiniUI开发教程表格控件表格编辑：表单编辑（十二）CRUD之：行内表单编辑                                             参考示例：CRUD之：
grid·2012-11-16 16:00

jQuery MiniUI 开发教程 表格控件 表格编辑：表单编辑（十二）

阅读更多CRUD之：行内表单编辑参考示例：CRUD之：行内表单编辑一：创建编辑表单员工帐号：姓名：薪资：性别：年龄：出生日期：UpdateCancel二：嵌入详细行//显示行详细grid.hideAllRowDetail();grid.showRowDetail(row);//将editForm元素，加入行详细单元格内vartd=grid.getRowDetailCellEl(row);td.ap
nikofan·2012-11-15 17:00

jQuery MiniUI 开发教程 表格控件 表格编辑：表单编辑（十二）

CRUD之：行内表单编辑参考示例：CRUD之：行内表单编辑一：创建编辑表单                        员工帐号：                      姓名：                      薪资：                                    性别：                      年龄：                    
nikofan·2012-11-15 17:00

jQuery MiniUI 开发教程 表格控件 表格编辑：行编辑器（十一）

jQueryMiniUI开发教程表格控件表格编辑：行编辑器（十一）CRUD之：行编辑                       参考示例：CRUD之：行编辑                     一
grid·2012-11-14 16:00

jQuery MiniUI 开发教程 表格控件 表格编辑：行编辑器（十一）

CRUD之：行编辑参考示例：CRUD之：行编辑一：创建单元格编辑器          #       员工帐号                                        性别                                                   年龄                         出生日期                     
nikofan·2012-11-14 16:00
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他