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

fteair

我从服务器读取了数据，动态加载到data里，这实现了，然后我创建一个grid，把数据动态加载进去，

• allDatas: p
  
  • _subscriptions: Object
  • cacheDiffForKnownOperation: (e,t,s)
  • latestValue: Array[20]
    
    • 0: n
      
      • data: n
      • row: Object
        
        • ID: 24574
        • LOGIN_NAME: "602884"
        • RN: 1
        • USER_NAME: "余灿"
        • userdata: Object
        • __proto__: Object
          
      • __proto__: r
        
    • 1: n
    • 2: n
    • 3: n
    • 4: n
      

然后
var node = this.getElementByXid("div2");
            var option = {
                parentNode : node,
                xid:'grid1',
                //grid的属性，设计时有的属性都可以设置
                data: "data1",
                width: '100%',
                height:'auto',
                // 列定义
                colModel : [{width:"300",name:"USER_NAME",xid:"usename"},{width:"300",name:"LOGIN_NAME",xid:"usename"}]
            };
            new Grid(option);
创建这个会报错   this.getElementByXid is not a function
我需要动态创建data并用grid显示出来
而且，data的列不一定是这几个的。

半导体

关于this.getElementByXid is not a function  这个我觉得是this所指代的对象放生了改变   建议使用var  self = this;来留住this  

动态创建data  的这个  我觉得你是需要把数据load到data里面吧   你说的是动态加载data的数据吧

liangyongfei

请问完整的方法定义是什么？？
只有定义在model对象的js方法才可以使用this.getElementByXid

你的报错是getElementByXid不存在！说明方法定义不是  这种格式的吗？
Model.prototype.test= function(){
                //方法
        };

fteair

liangyongfei 发表于 2017-3-28 11:43
请问完整的方法定义是什么？？
只有定义在model对象的js方法才可以使用this.getElementByXid

Model.prototype.createControl = function(flowId){

}
我定义了一个创建grid的方法，在data加载了数据之后调用，不过不行之后我把这个方法放到modelLoad里了，倒是能创建grid了，只是没显示数据

fteair

半导体 发表于 2017-3-28 11:41
关于this.getElementByXid is not a function  这个我觉得是this所指代的对象放生了改变   建议使用var  se ...

动态加载data的数据这个倒是实现了的，就是放到grid里的时候有问题，
ID: 24574
LOGIN_NAME: "602884"
RN: 1
USER_NAME: "余灿"
每个数据是这样，我设置grid列的到时候怎么对应？要用bind-ref 在列里面定义吗？

liangyongfei

fteair 发表于 2017-3-28 13:54
Model.prototype.createControl = function(flowId){

}

data中有数据吗？？如果绑定了data 且有数据就能显示！
不行就调用下grid.refresh()

http://bbs.wex5.com/forum.php?mo ... 3&pid=165218651

fteair

liangyongfei 发表于 2017-3-28 14:05
data中有数据吗？？如果绑定了data 且有数据就能显示！
不行就调用下grid.refresh()

colModel : [{width:"300",name:"反馈人",xid:"usename"},{width:"300",name:"登陆人",xid:"loginname"}]
我觉得是不是我没把列绑定数据的原因，会报错cannot read property'get'of underfind
data1的接管刷新事件里写的读取数据给data，modeload里写的创建grid，我即使是加载了data1数据之后刷新，也是这个问题

liangyongfei

fteair 发表于 2017-3-28 14:13
colModel : [{width:"300",name:"反馈人",xid:"usename"},{width:"300",name:"登陆人",xid:"loginname"}] ...

代码就是如下！
参照写法，吧data组件的xid 和列名定义上就行的啊！

1. //引用grid.js
   
2. var Grid = require("$UI/system/components/justep/grid/grid");
   
3. 
   
4. Model.prototype.createGridBtnClick = function(event) {
   
5.     var parentNode = this.getElementByXid("content1");
   
6.     var option = {
   
7.         parentNode : parentNode,
   
8.         //grid的属性，设计时有的属性都可以设置
   
9.         data: "orgData",
   
10.         width: '100%',
    
11.         height:'auto',
    
12.         // 列定义
    
13.         colModel : [{width:"300",name:"sName",xid:"column1" },{width:"200",name:"sCode",xid:"column2"}]
    
14.     };
    
15.     new Grid(option);
    
16. };

复制代码

fteair

liangyongfei 发表于 2017-3-28 14:35
代码就是如下！
参照写法，吧data组件的xid 和列名定义上就行的啊！

我是这样写的，但是列的定义是，宽度、显示名、xid，没有绑定的data列啊？难道要显示名与data列名对应？

liangyongfei

fteair 发表于 2017-3-28 14:38
我是这样写的，但是列的定义是，宽度、显示名、xid，没有绑定的data列啊？难道要显示名与data列名对应？ ...

是的！
,name:"sName"
就是指定列名的！