- 注册时间
- 2016-7-14
- 最后登录
- 1970-1-1
- 阅读权限
- 10
- 积分
- 29
- 精华
- 0
- 帖子
- 10

|
felt 发表于 2016-7-27 09:27 
http://www.miniui.com/demo/#src=datagrid/setcolumns.html
参考示例
因为我的那个列的信息是自己通过后台获取拼接成的字符串。整体代码如下:
<div class="mini-fit">
<div id="datagrid1" class="mini-datagrid" style="width:100%;height: 100%;"
url="${pageContext.request.contextPath}/${ moduleName}/getData" idField="qryId"
allowResize="true" pageSize="10"
allowCellEdit="true" allowCellSelect="true" multiSelect="true"
editNextOnEnterKey="true" editNextRowCell="true"
onselectionchanged="selectionChanged"
contextMenu="#gridMenu"
>
</div>
</div>
<script type="text/javascript">
mini.parse();
var grid = mini.get("datagrid1");
var columns = '[{ type: "checkcolumn",width:25 },{ type: "indexcolumn",width:30,headerAlign:"center",header:"序号"}';
//获取需要显示的列
app.get(context_ + "/admin/manager/defaultquery/getShowColumn",{userId:"123456789"},function(data) {
data = $.parseJSON(data);
var msg = $.parseJSON(data.msg);
$.each(msg,function(index,item){
var temp = ',{field:"'+item+'",width:120,headerAlign:"center", allowSort:true, header:"' +item+'"}';
columns = columns+temp;
});
columns = columns+']';
grid.set({columns:columns});
grid.setColumns(columns);
});
拼接出来的columns的json如下:
[{ type: "checkcolumn",width:25 },{ type: "indexcolumn",width:30,headerAlign:"center",header:"序号"},{field:"CLASS_ID",width:120,headerAlign:"center", allowSort:true, header:"CLASS_ID"},{field:"QRY_ID",width:120,headerAlign:"center", allowSort:true, header:"QRY_ID"},{field:"QRY_NAME",width:120,headerAlign:"center", allowSort:true, header:"QRY_NAME"},{field:"QS_TYPE",width:120,headerAlign:"center", allowSort:true, header:"QS_TYPE"},{field:"SET_TYPE",width:120,headerAlign:"center", allowSort:true, header:"SET_TYPE"},{field:"CREATE_USER",width:120,headerAlign:"center", allowSort:true, header:"CREATE_USER"}]
但是页面上表头信息并不显示,也没有报错。 |
|