加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

Easy Grid 简单好用的 javascript 表格插件

发布时间:2018-10-06 08:54:30 所属栏目:创业 来源:站长网
导读:在日常的网页设计当中,表格是很常用的html控件之一, 为了使用的方便以及美观, Easy就出现了Easy.Grid ,这个表格简单易用,符号Easy的宗旨。 用户只要会html 、 Java script ,看了Easy.Grid 的Demo 就不使用,并且运用自如。都是程序员就不多说了,看源

看到效果后我们看看穿件这个grid的代码:

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] var grid = new Easy.UI.Grid({
id: "roleGrid",
renderTo: 'grid',
baseParams: {
className: "RoleServer",
methodName: "PageData"
},
header: ["<tr class='e-header'>",
"<td class='e-checkbox'><input type='checkbox' /></td>",
"<td style='width:150px;' sort='FName'><font>名 称</font></td>",
"<td style='width:200px;' sort='FOrgID'><font>所属组织</font></td>",
"<td style='width:150px;' sort='FSort'><font>排 序</font></td>",
"<td><font>说明</font></td>",
"</tr>"],
tpl: ["<tr>",
"<td><input type='checkbox' value='{FID}' /></td>",
"<td><font>{FName}</font></td>",
"<td><font>{OrgName}</font></td>",
"<td><font style='width:100px;'>{FSort}</font></td>",
"<td><font>{FRemark}</font></td>",
"</tr>"]
});

 穿件这个grid的代码仅此而已,  效果还可以的吧 !

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读