摘要：在的表头列特别多的情况下，不可能一个个的手写，这时就需要使用动态创建的方式，把表头列创建出来。正在加载，请稍候组装动态参数，可以是后台返回的注意是数组对象，不能采用拼接字符串的方式构造应采用下面方式进行构造设备型号
在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并未提供，表头自动换行的解决方案，因为一般我们的数...
阅读 2253·2021-11-22 09:34
阅读 2804·2021-10-25 09:43
阅读 1778·2021-10-11 10:59
阅读 2996·2021-09-22 15:13
阅读 2127·2021-09-04 16:40
阅读 298·2019-08-30 15:53
阅读 3089·2019-08-30 11:13
阅读 2500·2019-08-29 17:30
