jQuery MiniUI

标题: datagrid动态列问题 [打印本页]
作者: fanbing1121    时间: 2014-4-28 17:48:32     标题: datagrid动态列问题

代码如下：
  1. function loadgrid() {
  2.                         var msgActivityId = $("#msgActivityId").val();
  3.                         var grid = mini.get("activityObjectDatagrid");
  4.                         //获取列头
  5.                         var url = "${rc.contextPath}/activityParter/getTemplateParams.htm?msgActivityId=" + msgActivityId;
  6.                         $.ajax({
  7.                             url: url,
  8.                             type: "get",
  9.                             success: function (text) {
  10.                                     if(null != text && "" != text){
  11.                                             alert(text);
  12.                                             var ss='{header:"手机号码",width:120,headerAlign:"center",align:"center",allowSort:false,field:"sjhm"},{header:"用户代码",width:120,headerAlign:"center",align:"center",allowSort:false,field:"yhdm"},{header:"用户名称",width:120,headerAlign:"center",align:"center",allowSort:false,field:"yhmc"},{header:"用户类型",width:120,headerAlign:"center",align:"center",allowSort:false,field:"yhlx"},{header:"联系人",width:120,headerAlign:"center",align:"center",allowSort:false,field:"lxr"}';
  13.                                            
  14.                                              grid.set({
  15.                                                     columns: [
  16.                                                                          ss
  17.                                                     ]
  18.                                                 });
  19.                                             grid.load();
  20.                                             //获取表数据
  21.                                                 //var url = "${rc.contextPath}/activityParter/list.htm?msgActivityId=" + msgActivityId + "&queryType=1";
  22.                                                 //grid.setUrl(url);
  23.                                                 //grid.load();
  24.                                     }
  25.                             }
  26.                         });
  27.                        
  28.                 }
复制代码


作者: lost    时间: 2014-4-28 17:54:26

本帖最后由 lost 于 2014-4-28 17:57 编辑

1.数组里面放的是列的配置对象，你放成了字符串当然不对。
2.http://www.miniui.com/demo/#src=datagrid/setcolumns.html
动态加载列参考这个示例。
作者: fanbing1121    时间: 2014-4-28 18:06:39

本帖最后由 fanbing1121 于 2014-4-29 08:55 编辑
lost 发表于 2014-4-28 17:54
1.数组里面放的是列的配置对象，你放成了字符串当然不对。
2.http://www.miniui.com/demo/#src=datagrid/se ...
本意是动态列是从后台返回的，试了几种方式 ，最后这种是可行的。1、返回的是grid.set(Object)，利用mini.decode将字符串反序列化为对象。
2、var ss=mini.decode('{columns:[{header:"手机号码",width:120,headerAlign:"center",align:"center",allowSort:false,field:"sjhm"},{header:"用户代码",width:120,headerAlign:"center",align:"center",allowSort:false,field:"yhdm"},{header:"用户名称",width:120,headerAlign:"center",align:"center",allowSort:false,field:"yhmc"},{header:"用户类型",width:120,headerAlign:"center",align:"center",allowSort:false,field:"yhlx"},{header:"联系人",width:120,headerAlign:"center",align:"center",allowSort:false,field:"lxr"}]}');
    grid.set(ss);

作者: lost    时间: 2014-4-28 18:08:34

fanbing1121 发表于 2014-4-28 18:06
var ss=mini.decode('{columns:[{header:"手机号码",width:120,headerAlign:"center",align:"center",all ...

脱离ajax.先单独远行字段代码看看是否可以？



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2