sencha touch 2 二级联动

下面是我写的二级联动 跟网上大神写的的不太一样

这里 sencha touch 有一个bug

如果selectfield的displayField这个属性是显示在页面上的值  如果两个选项的值是一样的   则无法监听中的change 事件 所以selectfield显示的值不能重名

下面我写了注释 希望能帮到大家

{ 

       
        xtype: 'selectfield',
       
        id:'pigPenSelectField',
       
        displayField:'name',
       
        valueField:'id', 
       
        store:me.pigPenSelectStore,
       
        listeners:{
change: function(selectbox,newValue,oldValue)
{
me.hogCoteSelectStore.removeAll();        //先清空数据源中的数据
me.hogCoteSelectStore.getProxy().setExtraParams({
   id: newValue
}); //给数据源传参通过id查询数据第二个下拉列表数据
me.hogCoteSelectStore.load(); //加载数据源
if(me.hogCoteSelectStore.data.length==0){ 
me.hogCoteSelectStore.setData({"id":'',"feedNumber":"无",})   //判断 如果通过第一个下拉列表的选项id没有查询出数据 则给第二
个下拉列表附空值
}
}
       
        },
       
        label: '猪舍编号 : '
 },{ 
       
        xtype: 'selectfield',
       
        id:'hogCoteSelectField',
       
        displayField:'feedNumber',
       
        valueField:'id', 
       
        store:me.hogCoteSelectStore,
       
        label: '猪栏编号 : '
       
       }