【转】jquery easy UI datagrid新增一行，columns中editor下拉框之间的联动。

http://blog.csdn.net/cjbhtt99/article/details/7978967#comments

 

先看看最终效果：

康师傅冰红茶也是下拉框，每个产品对应不同的单价，datagrid中columns之间的editor的联动。

 

下边上代码：

1.columns中的商品名称那行的代码

{field : 'brandName',title : '品名',width : 200,resizable:false,align : 'center',editor:{type:'combobox',options:{valueField:'productNo',
      textField:'productName',data:noAndName,onSelect:function(value){
       if(value.productNo == '')return;
       var data = ajaxRequest('purOrder_getGoodsMsg.action',{'productNo' : value.productNo}); // 根据产品编号得到产品信息
       var obj = eval("(" + data + ")");
       price = obj.unitPrice;
       var editors = $('#purchaseOrder').datagrid('getEditors', lastIndex);
       
       // 绑定EDITOR，并赋值
       var productNoUnit = editors[0];
       var standardUnit = editors[2];
       var unitPriceUnit = editors[4];
       productNoUnit.target.val(obj.productNo);
       standardUnit.target.val(obj.standard);
       
       //datagrid中的下拉框联动
       unitPriceUnit.target.combobox('loadData',price);
      }}},formatter:function(value){
       for(var i = 0; i < noAndName.length; i++){
        if (noAndName[i].productNo == value) return noAndName[i].productName;
       }
       return value;
      }},

 

下边是价格的代码

{field : 'unitPrice',title : '单价',width : 200,resizable:false,align : 'center',editor:{type:'combobox',options:
      {valueField:'money',textField:'explain',data:price}}},

代码中的noAndName和price都是他们对应的json串

这样就可以进行联动了。