动态生成下拉框

lzbcj

动态生成的下拉框怎么绑定下拉data的数据和要显示data的数据

lzbcj

是在grid组件渲染这样加进去了
        Model.prototype.grid2CellRender = function(event){
                if(event.colName=="fauvalue"){
                        event.html='<select component="$UI/system/components/justep/select/select" class="form-control x-edit" style="width:100px;" xid="Select" bind-options="EnOrderSettle" bind-optionsLabel="key" bind-optionsValue="key" bind-ref="data2.ref('+"'fauvalue'"+')" bind-labelRef="data2.ref('+"'fauvalue'"+')/>'
                }
        };

liangyongfei

lzbcj 发表于 2017-10-19 15:46
是在grid组件渲染这样加进去了
        Model.prototype.grid2CellRender = function(event){
                if(event.colName= ...

x5组件动态创建  必须 new 才可以的！不能当做一个 静态HTML 标签 设置上去的！

grid中显示select 直接在列里面添加Select 组件就可以的！不用动态设置啊！

动态渲染成Select样式是没必要的吧！

lzbcj

liangyongfei 发表于 2017-10-19 17:09
x5组件动态创建  必须 new 才可以的！不能当做一个 静态HTML 标签 设置上去的！

grid中显示select 直接 ...

那动态创建  怎么绑定data数据呢，文档那里找不到相关例子啊

lzbcj

问题是这样的，因为grid这列了不同行还要绑定不同的组件， 直接在列里面添加Select 组件控制组件显示隐藏是可以的，当当我点击选择或修改其他数据后会把这些数据添加到了所有select的data里面了。如下图

lzbcj

前两图是正常的data数据，后两图是因为修改了这列的行数据后添加了多余的数据进去了

liangyongfei

lzbcj 发表于 2017-10-20 10:11
前两图是正常的data数据，后两图是因为修改了这列的行数据后添加了多余的数据进去了
...

可能真存在这样的问题！
换一种方法就可以了！
实际上使用一个Select 组件就可以做到的！   bind-option 绑定一个自定义方法就可以了!
可以参考
/UI2/system/components/justep/select/demo/listselect.w


下面链接最后一个案例
http://doc.wex5.com/comps-select/#008

lzbcj

liangyongfei 发表于 2017-10-20 11:26
可能真存在这样的问题！
换一种方法就可以了！
实际上使用一个Select 组件就可以做到的！   bind-option  ...

谢谢，解决了，请结贴