动态加载data并动态加载grid并赋值

liangyongfei

fteair 发表于 2017-3-30 13:47
我今天排查了前面的错误，改到最后就grid这里了
我用静态的方法定义的grid现在能成功了，myFile[0]这个是 ...

不对！！静态的情况，他是一个js数组！！而你动态确实生成一个字符串！！
肯定不符合要求的！
可以使用 JSON.parse(字符串) 将他转成js对象！

fteair

liangyongfei 发表于 2017-3-30 14:00
不对！！静态的情况，他是一个js数组！！而你动态确实生成一个字符串！！
肯定不符合要求的！
可以使用 J ...

我试了，好像要报错

fteair

fteair 发表于 2017-3-30 15:13
我试了，好像要报错

报这个错，括号后面没东西了
循环得到的

1. defCol+='"' +i+'"{"name":"'+fieldName+'","xid":"'+fieldName+'_id"},';
   
2.                                                 i=i+1;

复制代码

1.                                 if(defCol.length>0){
   
2.                                         myFile=defCol.split(",");
   
3.                                 }
   
4.                                 var node = this.getElementByXid("div2");                                  
   
5.                           
   
6.                                 var reg = /,$/gi;
   
7.                                 defCol = "{" + defCol.replace(reg, "") + "}";
   
8.                                 var result = JSON.parse(defCol);
   
9.                             var option = {
   
10.                                 parentNode : node,
    
11.                                 xid:'grid1',
    
12.                                 data: "myTable",
    
13.                                 width: '100%',
    
14.                                 height:'auto',
    
15.                                 //colModel : [{name:"ee",xid:"usename"},{name:"ww",xid:"loginname"}]
    
16.                                 colModel:result
    
17.                                 };

复制代码

到json转换这里的时候就会报错

liangyongfei

fteair 发表于 2017-3-30 15:20
报这个错，括号后面没东西了
循环得到的
到json转换这里的时候就会报错

JSON.parse(defCol); 报错吗？？

打印一下defCol 的值是什么？？
肯定是不符合标准的json数组的格式！！！

自己调试看看吧！将这个字符串直接拿来执行测试，调整到可以使用了再看动态如何生成

fteair

liangyongfei 发表于 2017-3-30 15:25
JSON.parse(defCol); 报错吗？？

打印一下defCol 的值是什么？？

格式要是

1. [{name:"ee",xid:"usename"},{name:"ww",xid:"loginname"}]

复制代码

这样转换就行吗？

liangyongfei

fteair 发表于 2017-3-30 15:40
格式要是

这样转换就行吗？

JSON.parse('[{"name":"ee","xid":"usename"},{"name":"ww","xid":"loginname"}]')

fteair

liangyongfei 发表于 2017-3-30 15:56
JSON.parse('[{"name":"ee","xid":"usename"},{"name":"ww","xid":"loginname"}]')

终于有这个效果了，谢谢，我还加了一个button列，但是打开页面没有button，要点列名才出现

liangyongfei

fteair 发表于 2017-3-30 15:58
终于有这个效果了，谢谢，我还加了一个button列，但是打开页面没有button，要点列名才出现 ...

是的！动态生成是不行的！
需要在事件中重新渲染才能显示！
grid和dataTables 组件有提供onCellRender事件，用法可参考文档:http://docs.wex5.com/comps-datatables-

需要接管onCellRender

grid.on("onCellRender ", this.onCellRender)

自己定义一个方法 onCellRender中去重新渲染！

fteair

liangyongfei 发表于 2017-3-30 16:13
是的！动态生成是不行的！
需要在事件中重新渲染才能显示！
grid和dataTables 组件有提供onCellRender事 ...

我就是这样做的

1. grids.on("onCellRender",function(event){
   
2.                                     if (event.colName == "selectCol"){
   
3.                                     event.html = "<button class='btn btn-default ' onclick='justep.Bind.contextFor(this).$model.selectData(event,"" + event.rowID + "")'>选择</button>";
   
4.                                     }
   
5.                             });

复制代码

不过要点一下表头，才能看到button

liangyongfei

fteair 发表于 2017-3-30 16:30
我就是这样做的

不过要点一下表头，才能看到button

那你调试看下onCellRender　执行了吗？？
不行就代码调用一下grid.refresh()