雷林鹏分享：jQuery EasyUI 数据网格

　　jQuery EasyUI 数据网格 - 创建属性网格

　　属性网格(property grid)带有一个内置的 expand(展开)/collapse(合并) 按钮，可以简单地为行分组。您可以简单地创建一个可编辑属性的分层(hierarchical)列表。

　　设置 HTML

　　url="propertygrid_data.json"

　　showGroup="true" scrollbarSize="0"

　　准备 json 数据

　　[

　　{"name":"Name","value":"Bill Smith","group":"ID Settings","editor":"text"},

　　{"name":"Address","value":"","group":"ID Settings","editor":"text"},

　　{"name":"Age","value":"40","group":"ID Settings","editor":"numberbox"},

　　{"name":"Birthday","value":"01/02/2012","group":"ID Settings","editor":"datebox"},

　　{"name":"SSN","value":"123-456-7890","group":"ID Settings","editor":"text"},

　　{"name":"Email","value":"bill@gmail.com","group":"Marketing Settings","editor":{

　　"type":"validatebox",

　　"options":{

　　"validType":"email"

　　}

　　}},

　　{"name":"FrequentBuyer","value":"false","group":"Marketing Settings","editor":{

　　"type":"checkbox",

　　"options":{

　　"on":true,

　　"off":false

　　}

　　}}

　　]

　　正如您所看到的，属性网格(property grid)的创建不需要任何的 javascript 代码。您可以简单地继承扩展 editor 类型。

　　下载 jQuery EasyUI 实例

　　jeasyui-datagrid-datagrid20.zip

　　本文转载自：w3cschool(编辑：雷林鹏来源：网络侵删)

转载于:https://www.cnblogs.com/pengpeng1208/p/10723537.html

雷林鹏分享：jQuery EasyUI 数据网格 - 创建属性网格相关推荐

雷林鹏分享jQuery EasyUI 数据网格 - 启用行内编辑
可编辑的功能是最近添加到数据网格(datagrid)的.它可以使用户添加一个新行到数据网格(datagrid).用户也可以更新一个或多个行. 本教程向您展示如何创建一个数据网格(datagrid)和内 ...
雷林鹏分享：jQuery EasyUI 数据网格 - 创建页脚摘要
jQuery EasyUI 数据网格 - 创建页脚摘要在本教程中,我们将向您展示如何在数据网格(datagrid)页脚显示摘要信息行. 为了显示页脚行,您应该设置 showFooter 属性为 tr ...
雷林鹏分享：jQuery EasyUI 数据网格 - 设置排序
jQuery EasyUI 数据网格 - 设置排序本实例演示如何通过点击列表头来排序数据网格(DataGrid). 数据网格(DataGrid)的所有列可以通过点击列表头来排序.您可以定义哪列可以排 ...
雷林鹏分享：jQuery EasyUI 数据网格 - 启用行内编辑
jQuery EasyUI 数据网格 - 启用行内编辑可编辑的功能是最近添加到数据网格(datagrid)的.它可以使用户添加一个新行到数据网格(datagrid).用户也可以更新一个或多个行. 本 ...
雷林鹏分享：jQuery EasyUI 数据网格 - 条件设置行背景颜色
jQuery EasyUI 数据网格 - 条件设置行背景颜色本教程将向您展示如何根据一些条件改变数据网格(datagrid)组件的行样式.当 listprice 值大于 50 时,我们将为该行设置不 ...
雷林鹏分享：jQuery EasyUI 树形菜单 - 创建带复选框的树形菜单
jQuery EasyUI 树形菜单 - 创建带复选框的树形菜单 easyui 的树(Tree)插件允许您创建一个复选框树.如果您点击一个节点的复选框,这个点击的节点信息将向上和向下继承.例如:点击 ...
jQuery EasyUI 数据网格
jQuery EasyUI 数据网格 - 转换 HTML 表格为数据网格本节将介绍jQuery EasyUI数据网格的运用,主要内容为如何将HTML表格转换为数据网格. 本实例演示如何转换表格(ta ...
easyui treegrid php,jQuery EasyUI 数据网格与树插件 – Treegrid 树形网格 | 菜鸟教程
jQuery EasyUI 数据网格与树插件 - Treegrid 树形网格 jQuery EasyUI 插件扩展自 $.fn.datagrid.defaults.通过 $.fn.treegrid. ...
html怎么设置数据条的颜色,jQuery EasyUI 数据网格 – 条件设置行背景颜色 | 菜鸟教程...
jQuery EasyUI 数据网格 - 条件设置行背景颜色本教程将向您展示如何根据一些条件改变数据网格(datagrid)组件的行样式.当 listprice 值大于 50 时,我们将为该行设置不 ...

雷林鹏分享：jQuery EasyUI 数据网格 - 创建属性网格

雷林鹏分享：jQuery EasyUI 数据网格 - 创建属性网格相关推荐

最新文章

热门文章