摘要:在的表头列特别多的情况下,不可能一个个的手写,这时就需要使用动态创建的方式,把表头列创建出来。正在加载,请稍候组装动态参数,可以是后台返回的注意是数组对象,不能采用拼接字符串的方式构造应采用下面方式进行构造设备型号
在datagrid的表头列特别多的情况下,不可能一个个的手写,这时就需要使用动态创建的方式,把表头列创建出来。
下面是datagrid中columns的格式
columns:[[ {field:"id",title:"组织机构编号",width:"7%"}, {field:"name",title:"组织机构名称",width:"15%"}, {field:"computer",title:"计算机设备类",width:"7%", styler: function(value,row,index){ return "background-color:#ffee00;color:red;"; }}, {field:"SG_AUT_SERVER_B",title:"服务器",width:"7%"} ]]
下面例子是treegrid,和datagrid是一样的。
采用 $("#treegrid1").treegrid(options)方法,生成表格。
var options ={}; options.url = "<%=basePath %>back/intequery/getDevModelList"; options.rownumbers = true; //options.pagination = true; options.singleSelect = true; //options.pageList = [10]; //options.striped = true; options.fit = true; options.loadMsg = "正在加载,请稍候……"; options.idField = "ID"; options.treeField = "NAME"; var tableName = $("#devtab").tabs("getSelected").panel("options").id; options.queryParams = {tableName:tableName.substring(0,ableName.lastIndexOf("_B"))}; var array2 = []; array2.push(array1); //组装动态参数,array1可以是后台返回的JSONArray options.columns = array2; $("#treegrid1").treegrid(options);
注意:columns是数组对象,不能采用拼接字符串的方式构造!
应采用下面方式进行构造
var array3 = []; array3[0] = new Object(); array3[0].field = "NAME"; array3[0].title = "设备型号"; array3[0].align = "left"; array3[0].width = "400"; var array4 = []; array4.push(array3);
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/81222.html
摘要:什么是是一种基于和的用户界面插件集合。为创建现代化,互动,应用程序,提供必要的功能。是个完美支持网页的完整框架。很简单但功能强大的。返回则取消该动作。该函数有下列参数要传递到远程服务器的参数对象。当检索数据成功时调用的回调函数。 什么是easyUI easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化,互动,JavaScr...
摘要:什么是是一种基于和的用户界面插件集合。为创建现代化,互动,应用程序,提供必要的功能。是个完美支持网页的完整框架。很简单但功能强大的。返回则取消该动作。该函数有下列参数要传递到远程服务器的参数对象。当检索数据成功时调用的回调函数。 什么是easyUI easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化,互动,JavaScr...
摘要:什么是是一种基于和的用户界面插件集合。为创建现代化,互动,应用程序,提供必要的功能。是个完美支持网页的完整框架。很简单但功能强大的。返回则取消该动作。该函数有下列参数要传递到远程服务器的参数对象。当检索数据成功时调用的回调函数。 什么是easyUI easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化,互动,JavaScr...
摘要:表格内容自动换行可以通过设计表格属性来实现,默认值为但是并未提供,表头自动换行的解决方案,因为一般我们的数据表格列名都是固定的,想换行的话可以通过来实现,但是特殊情况,例如列名是动态生成的,并不固定,没办法,不能直接通过设置属性来实现。表格内容自动换行可以通过设计表格属性 nowrap:false来实现,默认值为true; 但是easyui并未提供,表头自动换行的解决方案,因为一般我们的数...
摘要:表格内容自动换行可以通过设计表格属性来实现,默认值为但是并未提供,表头自动换行的解决方案,因为一般我们的数据表格列名都是固定的,想换行的话可以通过来实现,但是特殊情况,例如列名是动态生成的,并不固定,没办法,不能直接通过设置属性来实现。表格内容自动换行可以通过设计表格属性 nowrap:false来实现,默认值为true; 但是easyui并未提供,表头自动换行的解决方案,因为一般我们的数...
阅读 2435·2021-11-22 09:34
阅读 2990·2021-10-25 09:43
阅读 1947·2021-10-11 10:59
阅读 3297·2021-09-22 15:13
阅读 2300·2021-09-04 16:40
阅读 403·2019-08-30 15:53
阅读 3168·2019-08-30 11:13
阅读 2570·2019-08-29 17:30