如何在运行时，通过javascript动态控件布局

qldsrx

javascript动态添加html元素是很容易，只是要添加平台的控件，不知道是否可以支持，因为想将布局做一定程度的封装，快速产生，不想每次相同功能的界面都手动去布局。而且javascript的布局还可以设置参数，很灵活。

jishuang

http://doc.wex5.com/?p=4202#2.2

qldsrx

jishuang 发表于 2016-9-14 14:53
http://doc.wex5.com/?p=4202#2.2

非常感谢，顺便提一个小BUG，只存在动态创建组件的场合。
input组件动态创建时，placeHolder属性设置无效，示例
model/UI2/system/components/justep/input/demo/input.w
请自行尝试，最下面有个按钮叫“dynamicCreate”，点击后动态产生了一个输入框，需要将里面的值删除了才能看是否placeHolder有效，当然你也可以F12看网页源码中是否有那个属性。

qldsrx

我瞎猜了一下，居然改成功了，奉上修改代码：

1.                 // 动态创建组件
   
2.                 buildTemplate : function(config) {
   
3.                         if (!config)
   
4.                                 config = {};
   
5.                         this.set(config);
   
6.                         if (!config['class'])
   
7.                                 config['class'] = 'form-control';
   
8.                         return "<input class='"
   
9.                                         + config['class'] + "' " + (config.style ? (" style='" + config.style + "' ") : "")
   
10.                                         + (config.xid ? (" xid='" + config.xid + "' ") : "")
    
11.                                         + (config.placeHolder ? (" placeholder='" + config.placeHolder + "' ") : "")
    
12.                                         + " component='" + url + "' " + " ></input>";
    
13.                 },

复制代码

修改这个buildTemplate 函数即可，在model/UI2/system/components/justep/input/input.js文件中的

jishuang

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