easyui propertygrid 动态绑定

从$.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
}
}}]
});

时间: 2024-10-09 23:18:53

easyui propertygrid 动态绑定的相关文章

EasyUI datagrid 动态绑定列

查了很多资料,有点乱 首先声明一下这里必须要用easyui1.3.1 不多说直接上代码: 首先打开jquery.easyui.min.js,查找_53b() 找到下面的代码 function _53b(){ var _53c=opts.loader.call(_538,_53a,function(data){ setTimeout(function(){ $(_538).datagrid("loaded"); },0); _4b1(_538,data); setTimeout(func

easyui conbox动态绑定

前台 格式化控件 $("#CustomerNo").combobox({ valueField:'Value', textField:'Text', panelHeight:'auto', editable:false }); 后台取值 var selectItems = new List<SelectListItem>(); List<CustomerModel> lst = _DeliveryListService.Get_receipt_CustomerI

动态绑定easyui datagrid列名

根据实时数据在同一个DataGrid中显示不同字段,本身easyui并没有支持动态绑定列名,只有show属性显示或隐藏某字段.今天在网上看到直接修改easyui类库动态绑定列名的方法,废话不多说直接借用源码备份以后用.先说一下思路:首先UI的datagrid中没有指定任何列,ajax提交成功后同时返回列的信息,先进行列的动态绑定,然后显示数据内容. 1.UI <%@ Page Language="C#" AutoEventWireup="true" CodeB

用户界面框架jQuery EasyUI示例大全之PropertyGrid & LinkButton

<jQuery EasyUI最新试用版免费下载> jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件,助您打造适合当今网络的应用程序. 基本的属性网格 本演示主要展示了基本的属性网格,点击行更改每个属性值.[另附源代码供大家参考] |在线Demo 自定义属性网格列 本演示主要展示了如何自定义属性网格列,属性网格的列是可以被更改的.[另附源代码供大家参考] |在线Demo

jquery easyui 动态绑定数据列

function doSearch2() { var strsql = $('#sssql').val(); $.ajax({ url: "../HttpHandler/DownloadHandler.ashx?action=StatDownLoadHHH&searchStrSql=" + encodeURI(strsql), type: "POST", error: function () { $.messager.alert('错误', '操作失败!',

easyui datagrid 列中的checkbox 动态绑定

根据数据中的值来选择绑定checkbox 根据值来找到需要选择的行,存入控件中 $(document).ready(function () { //呈现列表数据                $('#Table1').datagrid({                    pagination: true,                    rowStyler: function (index, row) {                        if (row.ZT == 1)

基于MVC+EasyUI的Web开发框架经验总结(6)--在页面中应用下拉列表的处理

在很多Web界面中,我们都可以看到很多下拉列表的元素,有些是固定的,有些是动态的:有些是字典内容,有些是其他表里面的名称字段:有时候引用的是外键ID,有时候引用的是名称文本内容:正确快速使用下拉列表的处理,可以提高我们程序界面的美观性和友好型,本文主要介绍在我的Web开发框架以及相关的扩展Web应用中用到的一些代表性下拉列表的处理场景,希望给大家做个参考学习. 1.固定下拉列表的处理 代表性的固定列表有人员性别的处理,一般为男.女两种,而且为了方便,一般用文本直接使用,如下效果所示. 而它们的页

jQuery EasyUI API 中文文档

http://www.cnblogs.com/Philoo/tag/jQuery/ 共2页: 1 2 下一页 jQuery EasyUI API 中文文档 - 树表格(TreeGrid) 风流涕淌 2011-11-19 18:51 阅读:25025 评论:3 jQuery EasyUI API 中文文档 - 树(Tree) 风流涕淌 2011-11-18 20:13 阅读:31937 评论:2 jQuery EasyUI 1.2.4 API 中文文档(完整)目录 风流涕淌 2011-11-17

java web前端easyui(layout+tree+双tabs)布局+树+2个选项卡tabs

1.列出要实现的样式: 2.实现的代码: 分三大部分: 1):页面主体部分:mian.vm <html> <head> <title>Ks UI</title> #parse("ui:include") <style> body{padding:0;margin:0} </style> <script> $(document).ready(function(){ var tabs_content = $