jQuery easyUI 的问题

pengcheng_1024 发布于 2013/01/22 10:42
阅读 1K+
收藏 1

这是主页面:当第一次点击Bom管理时:第二次点击Bom管理:下图是每次Bom打开就会从复出现,不知道怎么回事啊!!

源码如下:点击管理调用下面的方法:这是第一种实现方案:出现这种问题,希望知道给予解决一下。

gridGenProdBom : function() {
   //左边查询表格
   var that = this;
   var pid =$('div[identifier='+this.identifier+']').find('table[class=tableheader]').find('input[name=id]').val();
   setTimeout(function() {
       $('table#'+that.identifier+'-selectorForm-l').datagrid({
       title : '备选商品',
       width : 500,
       height : 375,
       nowrap : false,
       striped : true,
       pageSize:10,
       pageList:[10,20,30,50,60,80,100],
       url:'basedata/BdMaterial.do?action=getModelList&randomData='+Math.random(),
       sortName : 'no',
       sortOrder : 'desc',
       idField : 'id',
      frozenColumns:[[    {field:'ck',checkbox:true}     ]],
      columns:[[
           {title:'单号',        field:'no',   sortable:true,    align:'center',  width:UIConstants.easyUI_productNoWidth},
           {title:'名称',         field:'name', sortable:true, align:'center', width:UIConstants.easyUI_productNameWidth},
           {title:'类别',        field:'categoryName', align:'center',width:UIConstants.easyUI_productType},
      ]],

//0000行:
         searchbar:[{

            id:'name',
            text:'模糊查询',
            type:'simpleinput',
            name:'bdMaterial.fuzzy'
         },{
            text:'类别',
            type:'combobox',
            name:'bdMaterial.materialCategory.id',
            url:'basedata/BdMaterialCategory.do?action=getFirstCategory',
            valueField:'id',
            textField:'name',
            //multiple:true,
            panelHeight:'auto',
            cascadeCheck:false
       }, {
           id:'bdCategorySearch',
           text:'查询',
           type:'button',
           name:'sss',
           iconCls:'icon-search',
           handler:function() {
              var arrName = ['bdMaterial.fuzzy','bdMaterial.materialCategory.id'];
              var param = getParamString('bdMaterial',arrName,$('div[identifier='+that+']'));
                    //对数据进行转化  
                    $('table#'+that.identifier+'-selectorForm-l').datagrid('reload',param);
          }
      },  {
           id:'bdCategorySearch',
           text:'加入',
           type:'button',
           name:'sss',
           iconCls:'icon-add',
           handler:function() {
               window.researchPlanning.update.addBom();
           }
      } ],
  // 11111行:   

    //    toolbar:'#'+that.identifier+'-produce',//这里是第二种方法
           pagination : true,
           rownumbers : true
      });
    }, 0);
                        //右边已选择结果
 setTimeout(function() {
     var lastIndex;
     $('table#'+that.identifier+'-selectorForm-r').datagrid({
         title : '已选商品',
         width : 500,
         height : 375,
         nowrap : false,
         striped : true,
         collapsible : false,
         pageSize:10,
         pageList:[10,20,30,50,60,80,100],
         url : 'research/ResearchPlanning.do?action=getItems&id='+ pid,
         sortName : 'no',
         sortOrder : 'desc',
         idField : 'id',
         frozenColumns : [ [ {    field : 'ck',    checkbox : true        } ] ],
         columns : [ [
           {title : '原料编号',field : 'materialNo',sortable : true,align : 'center',width : 100    },
           {title : '原料名',field : 'productName',sortable : true,align : 'center',width : 100    },
           {title : '单位',  field : 'unitId',align : 'center',width : 100,formatter : window.researchPlanning.update.unitFormatter},
           {title : '数量',    field : 'amount',    align : 'center',  width : 80,    editor:{type:'numberbox',options:{precision:2}}},
                                            {title : '损耗率',    field : 'lossRate',    align : 'center',    width : 60,    editor:{type:'numberbox'} }
         ] ],
         toolbar : [{
             id : 'btnadd',
             text : '删除所选',
             iconCls : 'icon-remove',
             handler : function() {
                 var ele = $('table#'+that.identifier+'-selectorForm-r');
                 if (ele.datagrid('getSelections').length > 0) {
                 var ids = '';
                 var rows = ele.datagrid('getSelections');
                 for ( var i = 0; i < rows.length; i++){
                          ids += rows[i].id+ ';';

                }
                                                //console.log(ids);
                                                var saveObj = {};
                                                saveObj.url = 'research/ResearchPlanning.do';
                                                saveObj.action = 'removeItem';
                                                saveObj.params = {};
                                                saveObj.params = $.getForm(window.researchPlanning.update.identifier);
                                                saveObj.params['nums'] = ids;
                                                setTimeout(function() {
                                                    $.AjaxJSON(saveObj,    function(mes,json) {
                                                        $('table#'+that.identifier+'-selectorForm-r').datagrid("reload");
                                                    },
                                                    function(mes) {
                                                            $.managesr.alert("提示","删除失败");
                                                    });
                                                },
                                                10);
                                            }
                                        }
                                },'-',{
                                    id : 'btnview',
                                    text : '提交更改',
                                    iconCls : 'icon-ok',
                                    handler : function() {
                                        var ele = $('table#'+that.identifier+'-selectorForm-r');
                                        if (window.researchPlanning.update.editId != null) {
                                            ele.datagrid("endEdit",window.researchPlanning.update.editId);
                                        }
                                        if (ele.datagrid('getChanges','updated').length > 0) {
                                            var nums = '';
                                            var rows = ele.datagrid('getChanges','updated');
                                            for ( var i = 0; i < rows.length; i++) {
                                                nums = nums    + rows[i].id+ ','+ rows[i].amount+ ','+ rows[i].lossRate+ ';';
                                            }
                                            var saveObj = {};
                                            saveObj.url ='research/ResearchPlanning.do';
                                            saveObj.action = 'updateBomModel';
                                            saveObj.params = {};
                                            saveObj.params = $.getForm(that.identifier);
                                            saveObj.params['nums'] = nums;
                                            $.AjaxJSON(saveObj,function(mes,json) {
                                                $('table#'+that.identifier+'-selectorForm-r').datagrid("reload");
                                            
                                            },
                                            function(mes) {
                                                    //that.find('table.tablefooter span.errorinfo').html('<b>' + '加入模板项失败' + '</b>');
                                            });
                                        }
                                        
                                    }//handler
                                }],
                                onClickRow : function(rowIndex, rowData) {
                                    //if (lastIndex != rowIndex) {
                                        var grid = $('table#'+that.identifier+'-selectorForm-r');
                                        grid.datagrid( 'endEdit', lastIndex);
                                        grid .datagrid( 'beginEdit', rowIndex);
                                    //}
                                    lastIndex = rowIndex;
                                    window.researchPlanning.update.editId = rowIndex;
                                },
             pagination : true,
             rownumbers : true,
             singleSelect:true
         });
     }, 0);
 }

第二种方式:

将0000行到1111行的代码删除:

    在页面中编写

 <div id="${command.id}-${command.no}-produce" style="padding:5px;height:auto;display: none;">   
    <div>
        模糊查询: <input type="text" style="width:100px" id="${command.id}-${command.no}-fuzzy-produce">  
        属性: <input class="easyui-combobox"  style="width:120px"
        name="attribute"
        id="${command.id}-${command.no}-attribute-produce"
        url="basedata/BdMaterialCategory.do?action=getFirstCategory&randData='+Math.random()"
        editable="false"
         textField="name"
        valueField="id">
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" onclick="window.researchPlanning.update.bdBomSearch('produce')">查询</a>  
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="window.researchPlanning.update.addBom('produce')">加入</a>
    </div>  
</div>

    在删除0000行到1111行的位置上填写   toolbar:'#'+that.identifier+'-produce',句话效果同样实现,在当前页面点击管理不会出现上面的情况,

    但是,出现另外一个问题,就是退出当前页面后,再次进入当前页面点击Bom的管理,就会出现上述的同样问题!!!

     希望有知道的帮助解决一下,感激啦!


加载中
0
pengcheng_1024
pengcheng_1024
都没有遇到过吗??这种渲染怎么会出现两次啊??请高手指点……
返回顶部
顶部