当前位置:酷酷问答>百科问答>jQuery EasyUI入门到精通(25)PropertyGrid

jQuery EasyUI入门到精通(25)PropertyGrid

2024-12-05 03:21:27 编辑:zane 浏览量:535

jQuery EasyUI入门到精通(25)PropertyGrid

的有关信息介绍如下:

jQuery EasyUI入门到精通(25)PropertyGrid

jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。

本经验是 【jQuery EasyUI从入门到精通】系列教程的第25部分,讲述 jQuery EasyUI Web Demos之PropertyGrid(属性网格)。

jQuery EasyUI Web Demos之PropertyGrid共包含以下几种:

(1)Basic Grid(基础数据网络)

(2)Customize Columns(属性网络的自定义栏目)

(3)Group Format(组格式)

Basic PropertyGrid(基础数据网络),Click on row to change each property value(在行上点击以改变每个属性值).

该案例HTML基本结构如下所示:

Basic PropertyGrid - jQuery EasyUI Demo

Basic PropertyGrid

Click on row to change each property value.

ShowGroup

HideGroup

ShowHeader

HideHeader

GetChanges

Basic PropertyGrid(基础数据网络)案例,Javascript代码如下所示:

Basic PropertyGrid(基础数据网络)案例,运行效果如下图所示:

Customize Columns of PropertyGrid(属性网络的自定义栏目),The columns of PropertyGrid can be changed(属性网络的列可以被改变).

Customize Columns of PropertyGrid - jQuery EasyUI Demo

Customize Columns of PropertyGrid

The columns of PropertyGrid can be changed.

Customize Columns of PropertyGrid(属性网络的自定义栏目),运行效果如下图所示。

Group Format(组格式),The user can change the group information(用户可以改变组信息).

Group Format - jQuery EasyUI Demo

Group Format

The user can change the group information.

Group Format(组格式),运行效果如下图所示:

至此, jQuery EasyUI Web Demos之PropertyGrid三种类型都介绍完毕

版权声明:文章由 酷酷问答 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.kukuwd.com/answer/152623.html
热门文章