select 组件

wex5cainiao

请问各位， 我想做一个select 组件与output组件 通过data组件关联的实验。

就是data组件我定义了比如产品名和价格。
当我选择select组件的时候， output组件可以显示相应产品的价格。

我的select组件已经成功绑定了data组件的产品名， 但是价格一直关联不上。

请各位帮忙。 怎么解决？  

1.         var Model = function(){
   
2.                 this.callParent();
   
3.                 var data = this.comp('data1');
   
4.    alert(data);
   
5.                
   
6.         };

复制代码

我本来想获得data1组件。但是alert出来的还是null.

谢谢啦。

wex5cainiao

现在已经找到select组件中的onchange方法。

但是为什么下面的代码都是传回第一行的数据？

1. Model.prototype.select1Change = function(event){
   
2.         var data = this.comp('data1');
   
3.        
   
4.    var price =  data.getValue('price');
   
5.    alert(price);
   
6.    this.getElementByXid('output1').innerHTML = price;
   
7.         };

复制代码

liangyongfei

wex5cainiao 发表于 2017-11-12 13:00
现在已经找到select组件中的onchange方法。

但是为什么下面的代码都是传回第一行的数据？ ...

建议参考
　http://doc.wex5.com/comps-select/

onChange　事件用法！
　
output 和 select 组件的  bind-ref 绑定的字段应该是同一个data组件的字段！
select  bind-options 是绑定另一个data组件的

onChange　事件 中，将 bind-options 绑定data字段的值赋值给 bind-ref绑定的字段的值即可！

主要data组件中值修改了！ output 自然就修改了！