脚本宝典收集整理的这篇文章主要介绍了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,请注明来意。