关于动态生成data组件的疑问

liangyongfei

zhw19105426 发表于 2016-1-25 17:29
整理了下list和data组件的绑定关系，请问版主，是否满足以下规律，如果不是，请帮忙指正下小弟。
1. 动态 ...

动态生成的list组件和动态生成的data组件
要先动态生成data组件，后生成list组件，然后才能正常绑定！

请问你第二种方式的代码是怎样写的？可以发来看看！
如果第二种能成功，第一种，原理上是没问题的！

zhw19105426

liangyongfei 发表于 2016-1-26 10:13
动态生成的list组件和动态生成的data组件
要先动态生成data组件，后生成list组件，然后才能正常绑定！

通过试验，可以通过以下方法实现动态list组件和动态data组件的绑定，稍后我附上上续的代码。
1. 动态生成data组件，可以根据需要添加组件数据，也可以通过ajax请求为data组件赋值
this.myNewData = new Data(this, {
                        xid: "myNewData",
                        defCols: {
                                id: {
                                        type: "Integer",
                                        label: "标识"
                                },
                                name: {
                                        type: "String",
                                        label: "名称"
                                }
                        },
                        idColumn: "MYNEWDATA"
                });
                this.myNewData.add({id: 123, name: "张三"});
                this.myNewData.add({id: 456, name: "李四"});
2. 为Model提供获取组件数据的方法
Model.prototype.getMyNewData = function() {
            var data = this.comp('myNewData');
            var ret = [];
            data.each(function(param){
              var row = param.row;
              ret.push(row);
            });
            return ret;
        };
3. 动态生成list组件，在data项中赋值getMyNewData 方法（注意：此处不能赋值data组件的xid(myNewData)，运行会报错）
new List({
                    xid: 'list123',
                    autoLoad: true,
                    data: 'getMyNewData',
                    template: '<div class="x-list-template"><div data-bind="{text:ref(\'name\')}"></div></div>',
                    parentNode: this.getElementByXid('content2')
                });

zhw19105426

liangyongfei 发表于 2016-1-26 10:13
动态生成的list组件和动态生成的data组件
要先动态生成data组件，后生成list组件，然后才能正常绑定！

这个是data组件和list组件的绑定的两种情况：
1. 动态list和动态data绑定成功
2. 静态list和动态data绑定成功

在附件1中，如果动态list的data属性不用方法，而用data组件的xid，点击按钮会提示错误

leochinacn

动态生成的DATA是不是要加到MODEL下才行?justep.Bind.addNode(warp,li)，li是动态生成的，它下面还绑了一个动态生成的input，如果没这面的那句，input好象绑了事件不会生效，群里有人和我说，要触发x组件初始化，不知是不是这样？

XiaoQLuo

idColumn: "MYNEWDATA"
这里错了；
idColumn: "id"

你的data上就没有定义MYNEWDATA这样的列

zhw19105426

XiaoQLuo 发表于 2016-1-26 10:57
idColumn: "MYNEWDATA"
这里错了；
idColumn: "id"

非常感谢大神，确实是这个问题导致的，现在动态data和动态list的绑定都正常啦，再次感谢各位大神的帮助，小弟谢过啦，版主，可以结贴啦

泡出泡泡了

认真学习了，很有用。

wucibei

终于遇到了一篇有持术含量并且免费了贴子，万分感谢。

wangtt

liangyongfei 发表于 2016-1-25 11:45
list组件可以动态生成，请参考：http://doc.wex5.com/?p=7598#005
原理上data组件也可以动态生成，只不过现 ...

已经定义好data组件，如何动态绑定到list上呢

FC2017

这个贴子不错，给楼主点赞！