javascript代码实例教程-extjs 常见脚本

发布时间:2019-02-19 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-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>";

  }

 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-extjs 常见脚本全部内容,希望文章能够帮你解决javascript代码实例教程-extjs 常见脚本所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。