jQuery EasyUI 插件 jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合,包括功能强大的 datagrid(数据网格).treegrid(树形表格). panel(面板).combo(下拉组合)等等. 用户可以组合使用这些组件,也可以单独使用其中一个. 插件列表 Base(基础) Parser 解析器 Easyloader 加载器 Draggable 可拖动 Droppable 可放置 Resizable 可调整尺寸 Pagination 分页 Searchbox…

分享JQuery动画插件Velocity.js的六种列表加载特效.在这款实例中给中六种不同的列表加载效果.分别为从上飞入.从右侧飞入.从左侧飞入.和渐显.一起看下效果图: 在线预览   源码下载 实现的代码. html代码: <h1> Velocity.js <i>slice + sequence</i></h1> <pre>Only anim X number with FX#1, animate Y number with FX#2 etc…

jQuery EasyUI 数据网格 - 创建列组合 easyui 的数据网格(DataGrid)可以创建列组合,如下所示: 在本实例中,我们使用平面数据来填充数据网格(DataGrid)的数据,并把 listprice.unitcost.addr1.status 列组合在一个单一的列下. 为了创建列组合,您应该定义数据网格(datagrid)插件的 columns 数据.列的每个元素是定义一组可使用 rowspan 或 colspan 属性来进行组合的单元格. 下面的代码实现了上面的实例: u…

jQuery EasyUI 树形菜单 - 树形菜单添加节点 本教程向您展示如何附加节点到树形菜单(Tree).我们将创建一个包含水果和蔬菜节点的食品树,然后添加一些其他水果到已存在的水果节点. 创建食品树 首先,我们创建食品树,代码如下所示: 请注意,树(Tree)组件是定义在 标记中,树节点数据从 URL "tree_data.json" 加载. 得到父节点 然后我们通过点击节点选择水果节点,我们将添加一些其他的水果数据.执行 getSelected 方法得到处理节点: var no…

jQuery EasyUI 树形菜单 - 树形菜单拖放控制 当在一个应用中使用树(Tree)插件,拖拽(drag)和放置(drop)功能要求允许用户改变节点位置.启用拖拽(drag)和放置(drop)操作,所有您需要做的就是把树(Tree)插件的 'dnd' 属性设置为 true. 创建树形菜单(Tree) $('#tt').tree({ dnd: true, url: 'tree_data.json' }); 当在一个树节点上发生放置操作,'onDrop' 事件将被触发,您应该做一些或更多的操…

jQuery EasyUI 树形菜单 - 创建带复选框的树形菜单 easyui 的树(Tree)插件允许您创建一个复选框树.如果您点击一个节点的复选框,这个点击的节点信息将向上和向下继承.例如:点击 'tomato' 节点的复选框,您将会看见 'Vegetables' 节点现在仅仅选中部分. 创建复选框树 url="data/tree_data.json" checkbox="true"> 下载 jQuery EasyUI 实例 jeasyui-tree-tr…

jQuery EasyUI 树形菜单 - 树形菜单加载父/子节点 通常表示一个树节点的方式就是在每一个节点存储一个 parentid. 这个也被称为邻接列表模型. 直接加载这些数据到树形菜单(Tree)是不允许的. 但是我们可以在加载树形菜单之前,把它转换为标准标准的树形菜单(Tree)数据格式. 树(Tree)插件提供一个 'loadFilter' 选项函数,它可以实现这个功能. 它提供一个机会来改变任何一个进入数据. 本教程向您展示如何使用 'loadFilter' 函数加载父/子节点到树形…

jQuery EasyUI 表单 - 创建异步提交表单 本教程向您展示如何通过 easyui 提交一个表单(Form).我们创建一个带有 name.email 和 phone 字段的表单.通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form).表单(form)提交所有字段到后台服务器,服务器处理和发送一些数据返回到前端页面.我们接收返回数据,并将它显示出来. 创建表单(Form) Ajax Form Name: Email: Phone:   改变为 A…

jQuery EasyUI 表单 - 表单验证 本教程将向您展示如何验证一个表单.easyui 框架提供一个 validatebox 插件来验证一个表单.在本教程中,我们将创建一个联系表单,并应用 validatebox 插件来验证表单.然后您可以根据自己的需求来调整这个表单. 创建表单(form) 让我们创建一个简单的联系表单,带有 name.email.subject 和 message 字段: Form Validation Name: Email: Subject: Message: <…

jQuery EasyUI 数据网格 - 设置冻结列 本实例演示如何冻结一些列,当用户在网格上移动水平滚动条时,冻结列不能滚动到视图的外部. 为了冻结列,您需要定义 frozenColumns 属性.frozenColumn 属性和 columns 属性一样. $('#tt').datagrid({ title:'Frozen Columns', iconCls:'icon-save', width:500, height:250, url:'data/datagrid_data.json',…