Jquery编辑单元格-上拉框

Jquery编辑单元格-下拉框

var tdNode1 = $("td[field='selectItemName']");
      //让"选项"这一列的每个单元格拥有click事件
   //注：索引从1开始
   for(var i=1;i<data.rows.length+1;i++){
    $(tdNode1[i]).bind('click',tdClick);
   }

   //td点击事件
   function tdClick(){
      var td = $(this);
   var trIndex = td.parent("tr").index();
   //alert(trIndex);
   //给参数赋值
   DxZhFx.midCode = data.rows[trIndex]["midCode"];
   DxZhFx.trendCode = data.rows[trIndex]["trendCode"];
   DxZhFx.id = data.rows[trIndex]["id"];
      var tdText = td.text();
      //将td的内容清空
      td.empty();
   //创建select下拉框
      var input = $("<select id='"+DxZhFx.trendCode+"'></select>");
   
    //下拉框中的数据源加载 
    var aiStore = new Ext.data.Store({
        proxy: new Ext.ux.data.DWRProxy({
       method: dxDWRFacade.getSelectItem,
       listeners:{
           loadexection:function(proxy,o,response,e){
             Ext.ux.MessageBox.info(e);
        }
       }
   }),
   reader: new Ext.data.JsonReader({
    root:'root',
    totalProperty:'totalProperty'
   },[
       {name:'selectItemCode',mapping:'selectItemCode'},
    {name:'selectItemName',mapping:'selectItemName'}
   ]) 
   });
   //下拉框获得焦点事件
      input.focus(function(){
        
     
      });
  
   //基本参数设置 
      Ext.apply(aiStore.baseParams, {
        midCode:DxZhFx.midCode,
       trendCode:DxZhFx.trendCode
      });
     aiStore.load();
   aiStore.on('load',function(){
   var pp = "";
   for(var i=0;i<aiStore.data.length;i++){
    var sat = aiStore.getAt(i);
    pp += "<option value="+sat.data['selectItemCode']+">"+sat.data['selectItemName']+"</option>";
   }
     input = $("<select id='"+DxZhFx.trendCode+"'>"+pp+"</select>");  
    //将select下拉框放到td中
    td.append(input);
             //将td中原来的文本赋值到select下拉框中选中
    $("select").find("option[text='"+tdText+"']").attr("selected", true);
    $("select").focus();
    //下拉框失去焦点事件
      input.change(function(){
       //获取下拉框中选中的值
        var selectVal = $("select").val();
     //保存改变的值
     dxDWRFacade.updateDxzhfx(selectVal,DxZhFx.id);
          //获取下拉框中选中的文本
     var selectText = $("select").find("option:selected").text();
     td.html("<u style='cursor:pointer;' >"+selectText+"</u>");
           //让td重新拥有点击事件
                 td.click(tdClick);
     
    });
    input.blur(function(){
          //获取下拉框中选中的值
     var selectText = $("select").find("option:selected").text();
     td.html("<u style='cursor:pointer;' >"+selectText+"</u>");
           //让td重新拥有点击事件
                 td.click(tdClick);
    });
   });
      
   $("select").select();
      td.unbind("click");
   }