腾讯云网站解决方案帮您轻松应对建站成本高/网络不稳等常见问题

jQuery EasyUI使用教程:动态改变数据网格列

0
回复
1635
查看
[复制链接]

2

主题

10

帖子

20

积分

1°伸手党

Rank: 2

积分
20
发表于 19-1-20 16:28:02 | 显示全部楼层 |阅读模式         
声明:本文由入驻搜狐公众平台的作者撰写,除搜狐官方账号外,观点仅代表作者本人,不代表搜狐立场。举报' T/ X* I( R1 n
>
) k: ?+ B  ]8 s* G; f7 C! b: n使用'columns'属性可以很容易地定义数据网格列。如果您想要动态地改变列,这也非常容易。为了更改列,您可以重新调用datagrid方法并传递一个新的column属性。/ |: c4 N8 r) X2 B. a" W
创建数据网格. D. j6 f! k0 c0 e+ b
$('#tt').datagrid({ columns:[[ {field:'itemid',title:'Item ID',width:80}, {field:'productid',title:'Product ID',width:80}, {field:'attr1',title:'Attribute',width:200}, {field:'status',title:'Status',width:80} ]] });
( E: _( d2 v+ K- k& k9 o运行该网页,您将会看到:( F0 \+ N) T/ Z. O  z
EDuywy7bZyREMxZW.jpg
' `7 \, Q( m8 `- f3 H! Z查看jQuery EasyUI演示5 z& [0 Z# {% Z) A# {
当您想要更改列时,可以编写一些代码:* Z+ ]+ m& x- p) R
$('#tt').datagrid({ columns:[[ {field:'itemid',title:'Item ID',width:80}, {field:'productid',title:'Product ID',width:80}, {field:'listprice',title:'List Price',width:80,align:'right'}, {field:'unitcost',title:'Unit Cost',width:80,align:'right'}, {field:'attr1',title:'Attribute',width:100}, {field:'status',title:'Status',width:60} ]] });
4 f1 l6 _8 p  Q0 m; }请记住我们已经定义了其他属性,例如URL、width、height等,因此不需要再一次定义它们,您只需要定义那些需要改变的即可。
- T. E; Y1 ?/ V+ @" \ I8thz9bOMb8nO9Sl.jpg # T2 l* y4 N4 P& \) I+ c
下载该EasyUI示例:easyui-datagrid-demo.zip, r8 K3 }9 S) _8 C
购买最新正版授权!"咨询在线客服"6 a; M5 U! Q1 G8 v7 L) m. h3 h7 [
新年新禧新气象,送礼送福送优惠!优惠详情点击查看>>
+ G* A: ?1 U% a7 i& C有用(0)没用(0)
! l$ g' t# O9 [1 j% i8 ^- ?9 d本站文章除注明转载外,均为本站原创或翻译7 t$ s7 Q* _2 F0 s- d
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
网站简介

球球发,是一家 Discuz! 商业插件、风格模板、网站源码、 Discuz!运营维护技术等于一体的交流分享网站,全站95%的资源都是免费下载,对于资源我们是每天更新,每个亲测资源最新最全---球球发(如果我们有侵犯了您权益的资源请联系我们删除