自定义input如何绑定Data

touwenzided

我用了一个table组件，现在有一个业务需要动态添加列，效果是实现了，现在需要在input上绑定数据，
该怎么绑Data，或者有什么推荐的方法来实现动态添加列，代码如下，
Model.prototype.button6Click = function(event) {
        debugger;
        var table = this.getElementByXid("table1");
        var length = table.rows.length;
        var addNum = table.rows[0].cells.length;
        for (var i = 0; i < length - 1; i++) {
            var row = table.rows[i];
                var cell = row.insertCell(addNum - 2);
                var input = document.createElement("input");
                input .setAttribute("type", "text");
                input .setAttribute("name", "F_CLF");
                input .setAttribute("class", "form-control");
                var object = cell.appendChild(input);
            }
        }
    };

data-bind="component:{refmodel.xmzysData.ref('F_CLF'),

jishuang

可以参考/UI2/system/components/justep/input/demo/input.w中的动态创建input

touwenzided

jishuang 发表于 2016-1-29 14:12
可以参考/UI2/system/components/justep/input/demo/input.w中的动态创建input

var cell = row.insertCell(addNum - 2);
var parentNode = this.getElementByXid("content2");
var option = {
        parentNode : cell,
        "bind-ref" : "mainData.ref('F_OPENINGTIME')",
        xid : 'input' + (1000 + i),
        dataType:'DateTime'
};
new input(option)

我参照input.w做的，还是有问题
1、该input的形式为普通字符串，日期形式的控件没有出现，
2、该input在输入值后，保存时弹出的值为undefined,应该是没有绑定F_OPENINGTIME,
如何解决？？？

huaidanzhilei

Model.prototype.addInputClick = function(event) {
                var parentNode = this.getElementByXid("insertInput");
                if (parentNode) {
                        var options = {
                                parentNode : parentNode,
                                xid : "input",
                                 dataType:'DateTime'       
                        }
                }
                var input = new Input(options);
                input.set({
                        "placeHolder" : "请输入"
                });
        };
本地测试没问题，可以显示时间控件

touwenzided

huaidanzhilei 发表于 2016-2-16 14:24
Model.prototype.addInputClick = function(event) {
                var parentNode = this.getElementByXid("insertInp ...

var row = table.rows;
var cell = row.insertCell(addNum - 2);
var parentNode = this.getElementByXid("content2");
var option = {
        parentNode : cell,
        "bind-ref" : "mainData.ref('F_OPENINGTIME')",
        xid : 'input' + (1000 + i),
        dataType:'DateTime'
};
new input(option)

噢，我知道这个原因了，因为上面红色的部分，如果将parentNode 属性换成是parentNode，这个是获取到的开发工具的组件，就没有问题了，而我用的parentNode是动态生成的cell，是一个td元素，所以没有生成，那问题就是如何动态的用row行对象动态生成一列了，而这个列是开发工具自有的组件或者说，给这个cell添加哪些属性让其成为开发工具的自带的组件？

jishuang

把new input放到setTimeout中延迟一会执行看看

touwenzided

jishuang 发表于 2016-2-17 15:09
把new input放到setTimeout中延迟一会执行看看

改成如下，
setTimeout(function(){new Input(option);},5000);
效果一样，input出现，但是仍然没有绑定data，

jishuang

你好楼主，这个问题需要我在本地环境进行问题重现，所以会花费较长时间，请你耐心等待，我完成后会第一时间反馈结果，谢谢！

touwenzided

jishuang 发表于 2016-2-17 17:26
你好楼主，这个问题需要我在本地环境进行问题重现，所以会花费较长时间，请你耐心等待，我完成后会第一时间 ...

请问还原的怎么样了，比较急

jishuang

你好楼主，您反馈的这个现象通过验证是产品缺陷，我们已提交到产品组(内部编号：2016021900025)，感谢楼主的支持与配合。