js grid(表格)同一列有不同的控件

JavaScript06

js grid(表格)同一列有不同的控件,第1张

分不同控件了,比如jqgrid这种可以自定义编辑器的,可以把编辑器数据带到行数据中,把需要有不同编辑器的列的编辑器改为自定义,然后在自定义方法中获取该行数据中的编辑器数据,返回不同的控件

有的控件不支持自定义控件,则可能需要修改源代码让他来支持上述逻辑

页面中正确引入样式文件及相应组件

2

在body中添加div

<div id="maingrid"></div>

3

编写js代码

发布应用后可查看效果如下:

END

使用Grid展示数据

ligerGrid显示数据采用 json对象,我们只需要给grid的url属性指定一个后台地址,默认情况下grid会自动发送异步请求向指定程序请求数据。注意默认情况下grid要求的json数据格式

我们可以通过指定ligerGrid的root和record属性来改变数据源属性和数据总记录属性。

以下代码为后台加载数据的Serlvet的关键代码,如要用来构建grid需要的json格式的字符串数据。

由上可知利用render我们可以完成自定义单元格。

 当数据大用户多的时候,我们不希望用户打开页面立即显示数据,这样会服务器造成不小的压力,而是当用户输入查询条件并点击查询后,在进行加载数据。

 修改js代码如下可以实现根据输入条件加载数据