动态创建button怎么添加target属性

lzbcj

请问动态创建的button按钮怎么添加target属性，如图

liangyongfei

1. Model.prototype.button5Click = function(event){
   
2.                 var newContent = this.comp('pages').add({});
   
3.                 this.button = new Button({
   
4.                         label : '新按钮',
   
5.                         target : 'content-1'
   
6.                 });               
   
7.                 justep.Component.addComponent(newContent.domNode, this.button);
   
8.         };

复制代码

直接在config 里写 target属性就可以的！
本地测试没问题，使用案例/UI2/system/components/justep/contents/demo/contents.w 测试的！

lzbcj

liangyongfei 发表于 2018-3-1 11:02
直接在config 里写 target属性就可以的！
本地测试没问题，使用案例/UI2/system/components/justep/conte ...

这个add的方法都有什么组件能用啊？我想通过后台返回的数据来生成左边的按钮和右边的内容部分，就像QQ同时和多人聊天的窗口一样，我这样写报错了

liangyongfei

lzbcj 发表于 2018-3-1 14:25
这个add的方法都有什么组件能用啊？我想通过后台返回的数据来生成左边的按钮和右边的内容部分，就像QQ同 ...

add 方法是 contents 组件的！
你用buttonGroup 组件 调用 add 当然没有这个方法！

我这里只是个例子！  就是动态创建一个button  ，设置 target 就可以生效的！

如果你想在buttonGroup 上添加  ，那就应该获取  buttonGroup 的dom元素

调用 justep.Component.addComponent  第一个参数传 buttonGroup 的dom元素 就可以了！

liangyongfei

lzbcj 发表于 2018-3-1 14:25
这个add的方法都有什么组件能用啊？我想通过后台返回的数据来生成左边的按钮和右边的内容部分，就像QQ同 ...

/UI2/system/components/justep/contents/demo/contents.w
这个案例  测试添加到buttonGroup 中 如下

1. Model.prototype.button5Click = function(event){
   
2.                 var newContent = this.comp('buttonGroup2');
   
3.                 this.button = new Button({
   
4.                         label : '新按钮',
   
5.                         target : 'content-1'
   
6.                 });               
   
7.                 justep.Component.addComponent(newContent.domNode, this.button);
   
8.         };

复制代码