extjs 常見腳本

extjs

//設置為同步

dwr.engine.setAsync(false); 

 //查詢Form高度

 var queryFormWidth=110;

 //共用參數

 var     params={

   gridParams:[

      {name:"id",type:"renderer",header:"ID",ishref:"false"},//第一個暫定為主鍵              

               {name:"gdType",type:"String",header:"工單類型",ishref:"false"},

               {name:"tsFrom",type:"String",header:"工單來源",ishref:"false"},

               {name:"gdid",type:"renderer1",header:"工單編號",ishref:"false"},

               {name:"contact",type:"String",header:"會員姓名",ishref:"false"},

               {name:"orderId",type:"String",header:"產品訂單號",ishref:"false"},

               {name:"DIFFERENT_GD",type:"String",header:"新建/歷史",ishref:"false"},

               {name:"jjCd",type:"String",header:"緊急程度",ishref:"false"},

               {name:"gdStatus",type:"String",header:"工單狀態",ishref:"false"},

               {name:"tsLevel",type:"String",header:"工單級別",ishref:"false"},

               {name:"eventconnect",type:"String",header:"事件聯系人",ishref:"false"},

               {name:"eventtel",type:"String",header:"事件聯系人電話",ishref:"false"},

               {name:"hylevel",type:"String",header:"會員級別",ishref:"false"},

               {name:"associateDepts",type:"String",header:"關聯部門",ishref:"false"},

               {name:"associatePersons",type:"String",header:"關聯責任人",ishref:"false"},

               {name:"burdenDepts",type:"String",header:"責任部門",ishref:"false"},

               {name:"burdenPersons",type:"String",header:"責任人",ishref:"false"}

               ],

            listOperater:{

       list:"ComplaintsManager.dwrListPage",

          deleteRecord:"ComplaintsManager.dwrDelete"

            },

            queryCondition:[   //對應 表別名,數據類型,數據字段,操作符,值1,值2,連接關系,括號,控件類型

                ["","String","hysimple","skip","","","","","關聯人/關聯部門/責任人/責任部門-快速查詢"],

                      ["","String","gdType","like","","","","","工單類型"],

                      ["","String","orderId","like","","","","","訂單號"],                    

                      ["","String","gdid","like","","","","","工單編號"],                    

                      ["","String","contact","like","","","","","聯系人"],                    

                      ["","String","telphoneNum","like","","","","","聯系電話"],

                      ["","String","hyid","like","","","","","會員號"],

                      ["","DateBetween","gdTime","DateBetween","","","","","工單創建日期"],

                      ["","String","gdStatus","like","","","","","工單狀態"],

                      ["","String","eventconnect","like","","","","","事件聯系人姓名"],

                      ["","String","DIFFERENT_GD","like","","","","","歷史/新建"],

                      ["","String","associateDepts","like","","","","","關聯部門"],

                      ["","String","associatePersons","like","","","","","關聯責任人"],

                      ["","String","burdenDepts","like","","","","","責任部門"],

                      ["","String","burdenPersons","like","","","","","責任人"]

                    ],                     

            title:"",

     

     orderdirection:"desc",//排序方向(升序asc,降序desc)

            p:"list"

        };

 //工單狀態查詢

 var  gdStatus = [['全部',''],['預處理','預處理'],['待分配','待分配'],['待處理','待處理'],['處理中','處理中'],['流轉中','流轉中'],['流轉完畢','流轉完畢'],['關閉','關閉'],['審批中','審批中'],['審批超時','審批超時'],['審批完畢','審批完畢'],['審批退回','審批退回'],['已歸檔','已歸檔']];

 var gdstyle_value = new Ext.data.ArrayStore({

  fields:['text','value'],

  data:gdStatus

 });

 var gdstyles = new Ext.form.ComboBox({

     store: gdstyle_value,

        valueField:'value',

        displayField:'text',

     typeAhead: true,

     mode: 'local',

     triggerAction: 'all',

     hiddenName:'gdStatus',

     emptyText:'工單狀態',

     selectOnFocus:true,

     fieldLabel:"工單狀態",

     width:80

 });

 /**歷史與新建工單之查詢**/

 var gddiffent = [['新建工單','新建工單'],['歷史工單','歷史工單']];

 var gddiffent_value = new Ext.data.ArrayStore({

  fields:['text','value'],

     data:gddiffent

 });

 var gddiffents = new Ext.form.ComboBox({

  store: gddiffent_value,

     valueField:'value',

     displayField:'text',

     typeAhead: true,

     mode: 'local',

     triggerAction: 'all',

     hiddenName:'DIFFERENT_GD',

     emptyText:'歷史/新建',

     selectOnFocus:true,

     fieldLabel:"歷史/新建",

  width:80

 });

//工單類型

 var gdtype = [['全部',''],['投訴','投訴'],['差錯','差錯'],['建議','建議'],['表揚','表揚']];

 var box_value = new Ext.data.ArrayStore({

  fields:['text','value'],

  data:gdtype

 });

  var comboBxSend = new Ext.form.ComboBox({

      store: box_value,

         valueField:'value',

         displayField:'text',

      typeAhead: true,

      mode: 'local',

      triggerAction: 'all',

      hiddenName:'gdType',

      emptyText:'請選擇工單類型',

      selectOnFocus:true,

      fieldLabel:"工單類型",

         width:80

  });

     var listOperater=params["listOperater"];

         //查詢條件 Form

    

     var queryForm = new Ext.FormPanel({

         labelAlign: 'top',

         frame:true,         

         title: '',

         el:'qform',

         keys:[{//支持回車提交

                key:13,

                fn:function(){

           queryRecord(store);

                },

                scope:this

            }],

            listeners:{//默認第一個文本框獲取焦點

             "render":function(){

                 this.findByType("textfield")[0].focus(true,600);

                 }

             },

         bodyStyle:'padding:5px 5px 0',

         autoWidth : true,

   height:queryFormWidth,

   plain:true,

   layout:"form",

      labelWidth:80,  

      labelAlign:"right",

         items: [{

          xtype:"panel",

                layout:"column",

                fieldLabel:"快速查詢",               

                isFormField:true,

                 items:[{

                         columnWidth:.16,

                            xtype:"textfield",

                            blankText:"不能為空,請填寫",

                            emptyText:'關聯人/關聯部門/責任人/責任部門', 

                            name:"hysimple",

                            anchor:"4%"                 

                   },{

                      columnWidth:.28,

                            layout:"form",                         

                            labelWidth:80,//標簽寬度

                            labelAlign:"right",

                            items:[{

                                   columnWidth:.30,

                                      xtype:"textfield",

                                      fieldLabel:"工單編號",                                    

                                      name:"gdid",                                  

                                      anchor:"95%"//文本框占比率

                              }]

                    

                   },{

                columnWidth:.25,

                         layout:"form",

                         labelWidth:70,//標簽寬度

                         labelAlign:"right",

                         items:[{

                             columnWidth:.30,

                             xtype:"textfield",

                             fieldLabel:"會員姓名",

                             name:"contact",

                             anchor:"95%"//文本框占比率

                         }]

                    },{

                        columnWidth:.25,

                        layout:"form",

                        labelWidth:70,//標簽寬度

                        labelAlign:"right",

                        items:[{

                           columnWidth:.30,

                              xtype:"textfield",

                              fieldLabel:"會員電話",

                              name:"telphoneNum",

                              anchor:"95%"//文本框占比率

                      }]

                      }]

              },{

              xtype:"panel",

          layout:"column",

          fieldLabel:"創建時間",               

          isFormField:true,

          format: 'Y-m-d H:i:s',

                      items:[{

                       columnWidth:.16,

                       xtype:"datefield",

                       //allowBlank:false,//必填項設置

                       blankText:"不能為空,請填寫",

                       format: 'Y-m-d',

                       name:"gdTime",

                       id:"from",

                       anchor:"95%"                        

                 },{

                       columnWidth:.28,

                          layout:"form",                         

                          labelWidth:80,//標簽寬度

                       labelAlign:"right",

                       items:[{

                              xtype:"datefield",

                              fieldLabel:"至", 

                              format: 'Y-m-d',

                              name:"gdTime",

                              id:"to",

                              anchor:"95%"//文本框占比率

                       }]

                 },{

                                 columnWidth:.25,

                                 layout:"form",

                                 labelWidth:70,//標簽寬度

                                 labelAlign:"right",

                                 items:[{

                                    columnWidth:.30,

                                    xtype:"textfield",

                                    fieldLabel:"會員號",

                                    name:"hyid",

                                    anchor:"95%"//文本框占比率

                                }]

                           },{

                     //工單類型

                              columnWidth:.28,

                              layout:"form",                         

                              labelWidth:70,//標簽寬度

                              labelAlign:"right",

                              items:[comboBxSend],

                              anchor:"95%"

                    }

                   ]

                  },{

                     xtype:"panel",

                        layout:"column",

                        fieldLabel:"事件聯系人",

                        isFormField:true,

                         items:[{

                                     columnWidth:.16,

                                     xtype:"textfield",

                                     name:"eventconnect",

                                     emptyText:'事件聯系人姓名',

                                     anchor:"95%"                       

                           },{

                           //工單類型

                                columnWidth:.25,

                                layout:"form",                         

                                labelWidth:80,//標簽寬度

                                labelAlign:"right",

                                items:[gdstyles],

                                anchor:"95%" 

                              },{

                                   

                                   columnWidth:.25,

                                 layout:"form",                         

                                 labelWidth:102,//標簽寬度

                                 labelAlign:"right",

                                 items:[gddiffents],

                                 anchor:"95%" 

                                  

                             },{

                                 columnWidth:.28,

                                 layout:"form",

                                 labelWidth:100,//標簽寬度

                                 labelAlign:"right",

                                 items:[{

                                    columnWidth:.30,

                                    xtype:"textfield",

                                    fieldLabel:"訂單號",

                                    name:"orderId",

                                    anchor:"95%"//文本框占比率

                                }]

                           }]

                      }

                 

                ]

              

});

     

  function renderer(v,store,data){

       return "<a href='javascript:view("+data.data.gdid+")'>"+data.data.id+"</a>";

  }

  function renderer1(v,store,data){

       return "<a href='javascript:sendpubnote("+data.data.gdid+")'>"+data.data.gdid+"</a>";

  }

 

發佈留言