jQuery EasyUI API 中文文档 - PropertyGrid属性表格

扩展自 $.fn.datagrid.defaults,用 $.fn.propertygrid.defaults 重写了 defaults。

依赖

datagrid
用法


代码如下:

<table id="pg"></table>

代码如下:

$('#pg').propertygrid({
url:'propertygrid_data.json',
showGroup:true
});

特性

其特性扩展自 datagrid,下列是为 propertygrid 增加的特性。























名称

类型

说明

默认值

showGroup

boolean

定义是否显示特性组。

false

groupField

string

定义组的字段名。

group

groupFormatter

function

定义如何格式化组的值。


(0)

相关推荐

  • C#实现ProperTyGrid自定义属性的方法

    本文实例讲解了C#实现ProperTyGrid自定义属性的方法,分享给大家供大家参考.具体方法如下: 一般来说,C#如果要实现自定义属性必须要需要实现接口ICustomTypeDescriptor,具体实现方法如下: // 摘要: // 提供为对象提供动态自定义类型信息的接口. public interface ICustomTypeDescriptor 示例如下: /// <summary> /// 自定义属性对象 /// </summary> public class MyAt

  • ExtJS PropertyGrid中使用Combobox选择值问题

    问题描述: 在PropertyGrid中使用Combobox来选择值时,得到的应该是displayField的值,但是在确认选择的时候却显示了valueField的值,例如,下拉选择性别,displayField分别为'男','女',对应的valueField分别为'0','1',本来选择应该显示中文描述,但是却显示成了0或者1这样的标识数据,这对用户来说应该不能接受的. 解决: 拦截Grid的beforepropertychange事件,设置好显示的值,之后返回false,阻止修改事件中的验证

  • ExtJs扩展之GroupPropertyGrid代码

    ExtJs本身就提供了丰富的空间和良好的界面开发,就如同WinForm的开发一样.但是ExtJs的空间也有不完美的地方,但是有缺点也有他自己的弥补方法.ExtJs的良好的扩展性就是ExtJs自己控件不能实现的最好的方法. 这几个中使用最多的当属ExtJs的PropertyGrid,ExtJs的PropertyGrid使用起来时相当简单的,在ExtJs的官方网站上也有相应的例子,简单的就不在叙述了.但是ExtJs本身的PropertyGrid不能支持分组,在显示的不能将属性进行分组,这是相当郁闷的

  • C++ 关于 CMFCPropertyGridCtrl 的使用方法

    题外话: 最近在写一个重要的程序,想做的更灵活一些,于是想采用属于对话框的形式,如图所示 但查了好几本大部门的C++及MFC的书,还有很多的网上的资料,这方面的介绍实在是少之又少.不过,好在VS2013是半开源的.哈哈,里抽的代码看不到,但是函数声明还是都能看到的.这为我解决问题提供了一条好的方法 ,另外在线的 MSDN 也是一个很好的学习途径,不过,汉语翻译实在是不敢恭维,那叫一个烂,基本上看不懂,他说的是什么,只能啃英文. 所以说,学东西不容易,学会了,一定不要忘记总结,要不然,过段时间就忘

  • PropertyGrid自定义控件使用详解

    PropertyGrid是一个很强大的控件,使用该控件做属性设置面板的一个好处就是你只需要专注于代码而无需关注UI的呈现,PropertyGrid会默认根据变量类型选择合适的控件显示.但是这也带来了一个问题,就是控件的使用变得不是特别灵活,主要表现在你无法根据你的需求很好的选择控件,比如当你需要用Slider控件来设置int型变量时,PropertyGrid默认的模板选择器是不支持的.网上找了许多资料基本都是介绍WinForm的实现方式,主要用到了IWindowFromService这个接口,并

  • jQuery EasyUI API 中文文档 - PropertyGrid属性表格

    扩展自 $.fn.datagrid.defaults,用 $.fn.propertygrid.defaults 重写了 defaults. 依赖 datagrid 用法 复制代码 代码如下: <table id="pg"></table> 复制代码 代码如下: $('#pg').propertygrid({ url:'propertygrid_data.json', showGroup:true }); 特性 其特性扩展自 datagrid,下列是为 prope

  • jQuery EasyUI API 中文文档 - DataGrid数据表格

    扩展自 $.fn.panel.defaults ,用 $.fn.datagrid.defaults 重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 复制代码 代码如下: <table id="tt"></table> 复制代码 代码如下: $('#tt').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'

  • jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍

    扩展自 $.fn.datagrid.defaults,用 $.fn.treegrid.defaults 重写了 defaults. 依赖 datagrid 用法 复制代码 代码如下: <table id="tt"></table> 复制代码 代码如下: $('#tt').treegrid({ url:'treegrid_data.json', treeField:'name', columns:[[ {title:'Task Name',field:'name'

  • jQuery EasyUI API 中文文档 - ComboGrid 组合表格

    扩展自 $.fn.combo.defaults 和 $.fn.datagrid.defaults,用 $.fn.combogrid.defaults 重写了 defaults . 依赖 combo datagrid 用法 复制代码 代码如下: <select id="cc" name="dept" style="width:250px;"></select> 复制代码 代码如下: <input id="cc

  • jQuery EasyUI API 中文文档 - Draggable 可拖拽

    用$.fn.draggable.defaults重写默认的defaults. 用法 复制代码 代码如下: <div id="dd" style="width:100px;height:100px;"> <div id="title" style="background:#ccc;">title</div> </div> 复制代码 代码如下: $('#dd').draggable(

  • jQuery EasyUI API 中文文档 - Documentation 文档

    每个easyui组件都有特性(property).方法(method)和事件(event),用户可以很容易地扩展它们. 特性 特性在jQuery.fn.{plugin}.defaults里定义.例如, dialog的特性在jQuery.fn.dialog.defaults里定义. 事件 事件(回调函数)也在jQuery.fn.{plugin}.defaults里定义. 方法 方法在jQuery.fn.{plugin}.methods里定义.每个方法有两个参数:jq和param.第一个参数'jq'

  • jQuery EasyUI API 中文文档 - ComboBox组合框

    扩展自 $.fn.combo.defaults. 用 $.fn.combobox.defaults 重写了 defaults. 依赖 combo 用法 <select id="cc" name="dept" style="width:200px;"> <option value="aa">aitem1</option> <option>bitem2</option>

  • jQuery EasyUI API 中文文档 - Tree树使用介绍

    用 $.fn.tree.defaults 重写了 defaults. 依赖 draggable droppable 用法 Tree 能在 <ul> 元素里定义,此标记可以定义为叶节点和子节点.下面是一个示例: 复制代码 代码如下: <ul id="tt"> <li> <span>Folder</span> <ul> <li> <span>Sub Folder 1</span> &

  • jQuery EasyUI API 中文文档 - ComboTree组合树

    扩展自 $.fn.combo.defaults 和 $.fn.tree.defaults.用 $.fn.combotree.defaults 重写了defaults. 依赖 combo tree 用法 <select id="cc" style="width:200px;"></select> <input id="cc" value="01"> 复制代码 代码如下: $('#cc').co

  • jQuery EasyUI API 中文文档 - EasyLoader 加载器

    用法 复制代码 代码如下: easyloader.base = '../'; // 设置easyui的基本路径 easyloader.load('messager', function(){ // 加载指定的模块 $.messager.alert('Title', 'load ok'); }); 特性 名称 类型 说明 默认值 modules object 预定义的模块. locales object 预定义的语言环境. base string easyui的基本路径,必须以'/'结尾. 基本路

随机推荐