码迷,mamicode.com
首页 > 其他好文 > 详细

easyui propertygrid 动态绑定

时间:2015-05-07 18:26:46      阅读:475      评论:0      收藏:0      [点我收藏+]

标签:

从$.fn.datagrid.defaults继承,覆盖默认值 $.fn.propertygrid.defaults

propertygrid 提供用户一个接口,浏览和编辑对象属性,propertygrid 是一个内联的datagrid编辑器,使用相当简单,用户可以很简单的创建一个分层可编辑属性列表,代表任何数据类型项,propertygrid 带有内置的排序和分组功能.

技术分享

相关依赖

  • datagrid

使用

使用javascript创建propertygrid

 

var rows = [{ "name": "姓名", "value": "12312" }, { "name": "你好", "value": "123"}];

$(function() {

$(‘#tt‘).propertygrid({
width: 298,
height: ‘auto‘,
showGroup: true,
scrollbarSize: 0,
columns: [[
{ field: ‘name‘, title: ‘属性名称‘, width: 100, resizable: true },
{ field: ‘value‘, title: ‘属性值‘, width: 100, resizable: false }
]],
data: [{ name: "姓名", group: "帐号", value: "12312", editor: { type: ‘combobox‘, options: {
valueField: ‘value‘, textField: ‘name‘, required: true, data: rows
}
}}]
});

 

easyui propertygrid 动态绑定

标签:

原文地址:http://www.cnblogs.com/sxsean/p/4485568.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!