/**
* 支付渠道管理详细
*
* @param {}
* title
* @param {}
* record
* @param {}
* readonly
* @param {}
* store
*/
function showConnCfgDetail(title, record, store) {
var secondForm = new Ext.form.FormPanel({
region : 'center',
collapsible : false,
border : true,
labelWidth : 60, // 标签宽度
autoScroll : true,
labelAlign : 'right', // 标签对齐方式
bodyStyle : 'padding:5 5 0', // 表单元素和表单面板的边距
buttonAlign : 'center',
height : document.body.clientHeight - 400,
items : [{
layout : 'column',
xtype : 'fieldset',
title : '基础信息',
anchor : '98%',
autoHeight : true,
border : true,
items : [{
columnWidth : .33,
layout : 'form',
labelWidth : 120, // 标签宽度
defaultType : 'textfield',
border : false,
items : [{
fieldLabel : '渠道连接ID',
name : 'connId',
xtype : 'textfield', // 设置为文字输入框类型
readOnly : true,
anchor : '100%'
}, new Ext.form.ComboBox({
hiddenName : 'connType',
fieldLabel : '连接类型',
triggerAction : 'all',
store : CONNTYPEStore,
displayField : 'text',
valueField : 'value',
mode : 'local',
forceSelection : true, // 选中内容必须为下拉列表的子项
editable : false,
typeAhead : true,
resizable : true,
anchor : '100%'
}), {
fieldLabel : 'URL编码', // 标签
xtype : 'textfield',
name : 'charSet', // name:后台根据此name属性取值
anchor : '100%'
}, {
fieldLabel : '代替连接ID', // 标签
xtype : 'textfield',
name : 'replaceConnId', // name:后台根据此name属性取值
anchor : '100%'
}, {
fieldLabel : '连接超时时间', // 标签
xtype : 'textfield',
name : 'connTimeOut', // name:后台根据此name属性取值
anchor : '100%'
}, {
fieldLabel : '操作员',
name : 'operId',
xtype : 'textfield', // 设置为文字输入框类型
readOnly : true,
anchor : '100%'
}]
}, {
columnWidth : .33,
layout : 'form',
labelWidth : 120, // 标签宽度
defaultType : 'textfield',
border : false,
items : [{
fieldLabel : '渠道代码',
name : 'channelCode',
xtype : 'textfield', // 设置为文字输入框类型
readOnly : true,
anchor : '100%'
}, {
fieldLabel : '访问方式',
xtype : 'radiogroup',
columns : 2,
items : [{
boxLabel : "SOCKET",
id : 'protocolType0',
name : "protocolType",
inputValue : "0"
}, {
boxLabel : "HTTP",
id : 'protocolType1',
name : "protocolType",
inputValue : "1"
}]
}, {
fieldLabel : '是否激活使用',
xtype : 'radiogroup',
columns : 2,
items : [{
boxLabel : "不激活",
id : 'actived0',
name : "actived",
inputValue : "0"
}, {
boxLabel : "激活",
id : 'actived1',
name : "actived",
inputValue : "1"
}]
}, {
fieldLabel : '自动补功能是否激活',
xtype : 'radiogroup',
columns : 2,
items : [{
boxLabel : "激活",
name : "resumeActived",
id : 'resumeActived1',
inputValue : "1"
}, {
boxLabel : "不激活",
id : 'resumeActived0',
name : "resumeActived",
inputValue : "0"
}]
}, {
fieldLabel : '读取超时时间',
name : 'readTimeOut',
xtype : 'textfield', // 设置为文字输入框类型
anchor : '100%'
}, {
fieldLabel : '操作时间', // 标签
xtype : 'datefield',
name : 'opDate', // name:后台根据此name属性取值
format : 'Y-m-d H:i:s', // 日期格式化
readOnly : true,
anchor : '100%'
}]
}, {
columnWidth : .33,
layout : 'form',
labelWidth : 150, // 标签宽度
defaultType : 'textfield',
border : false,
items : [{
fieldLabel : '连接名称',
name : 'connName',
xtype : 'textfield', // 设置为文字输入框类型
anchor : '100%'
}, {
fieldLabel : '是否在同渠道同类型中优先',
xtype : 'radiogroup',
columns : 2,
items : [{
boxLabel : "是",
id : 'priority0',
name : "priority",
inputValue : "Y"
}, {
boxLabel : "否",
id : 'priority1',
name : "priority",
inputValue : "N"
}]
}, {
fieldLabel : '补单方式',
xtype : 'radiogroup',
columns : 2,
items : [{
boxLabel : "真补",
name : "resumeType",
id : 'resumeType1',
inputValue : "1"
}, {
boxLabel : "假补",
name : "resumeType",
id : 'resumeType0',
inputValue : "0"
}]
}, {
fieldLabel : '网关类型可拆分',
xtype : 'radiogroup',
columns : 2,
items : [{
boxLabel : "是",
name : "connTypeDetachable",
id : 'connTypeDetachable0',
inputValue : "Y"
}, {
boxLabel : "否",
name : "connTypeDetachable",
id : 'connTypeDetachable1',
inputValue : "N"
}]
}, {
fieldLabel : '退货时是否退还手续费',
xtype : 'radiogroup',
columns : 2,
items : [{
boxLabel : "退还",
name : "is_refund_with_fee",
id : 'is_refund_with_fee0',
inputValue : "0"
}, {
boxLabel : "不退还",
name : "is_refund_with_fee",
id : 'is_refund_with_fee1',
inputValue : "1"
}]
}, {
fieldLabel : '渠道费率',
name : 'feeRate',
xtype : 'textfield', // 设置为文字输入框类型
anchor : '100%'
}]
}]
}, {
layout : 'column',
xtype : 'fieldset',
title : '序列名、地址、描述',
anchor : '98%',
autoHeight : true,
border : true,
items : [{
columnWidth : 1,
layout : 'form',
labelWidth : 130, // 标签宽度
defaultType : 'textfield',
border : false,
items : [{
fieldLabel : '渠道支付订单序列名称',
name : 'chnl_ord_no_seqname',
xtype : 'textfield', // 设置为文字输入框类型
anchor : '100%'
}, {
fieldLabel : '渠道支付连接URL',
name : 'connUrl',
xtype : 'textfield', // 设置为文字输入框类型
anchor : '100%'
}, {
fieldLabel : '渠道查询连接URL',
name : 'connQueryUrl',
xtype : 'textfield', // 设置为文字输入框类型
anchor : '100%'
}, new Ext.form.TextArea({
fieldLabel : "描述",
name : 'description',
labelSepartor : ':',
labelWidth : 60,
width : '100%'
})]
}]
}, {
layout : 'column',
xtype : 'fieldset',
title : '账户信息',
anchor : '98%',
autoHeight : true,
border : true,
items : [{
columnWidth : .5,
layout : 'form',
labelWidth : 220, // 标签宽度
defaultType : 'textfield',
border : false,
items : [{
fieldLabel : '虚拟财务公司支付往来（本金）',
name : 'vtl_sf_payee_prcpl_acct',
xtype : 'textfield', // 设置为文字输入框类型
anchor : '100%'
}, {
fieldLabel : '虚拟财务公司支付收入（本金）',
name : 'vtl_sf_fi_prcpl_acct',
xtype : 'textfield', // 设置为文字输入框类型
anchor : '100%'
}, {
fieldLabel : '虚拟银行支付往来（银行核算手续费）',
name : 'vtl_bk_fo_fee_acct',
xtype : 'textfield', // 设置为文字输入框类型
anchor : '100%'
}, {
fieldLabel : '支付手续费收入（内部核算手续费）',
name : 'sf_fi_fee_acct',
xtype : 'textfield', // 设置为文字输入框类型
anchor : '100%'
}]
}, {
columnWidth : .5,
layout : 'form',
labelWidth : 220, // 标签宽度
defaultType : 'textfield',
border : false,
items : [{
fieldLabel : '虚拟银行支付往来（本金）',
name : 'vtl_bk_fo_prcpl_acct',
xtype : 'textfield', // 设置为文字输入框类型
anchor : '100%'
}, {
fieldLabel : '虚拟支付手续费支出（银行核算手续费）',
name : 'vtl_sf_fo_fee_acct',
xtype : 'textfield', // 设置为文字输入框类型
anchor : '100%'
}, {
fieldLabel : '财务公司过渡正常支付收入（本金）',
name : 'sf_fi_prcpl_acct',
xtype : 'textfield', // 设置为文字输入框类型
anchor : '100%'
}, {
fieldLabel : '财务公司过渡退货支付收入（本金）',
name : 'sf_rfd_fi_prcpl_acct',
xtype : 'textfield', // 设置为文字输入框类型
anchor : '100%'
}]
}]
}]
});
// 初始化表单
initForm(title, secondForm, record, function(sWindow) {
if (!secondForm.form.isValid()) {
Ext.MessageBox.alert("提示", "请正确填写数据");
return;
}
var protocolType = secondForm.getForm().getValues()['protocolType'];
var actived = secondForm.getForm().getValues()['actived'];
var resumeActived = secondForm.getForm().getValues()['resumeActived'];
var priority = secondForm.getForm().getValues()['priority'];
var resumeType = secondForm.getForm().getValues()['resumeType'];
var connTypeDetachable = secondForm.getForm().getValues()['connTypeDetachable'];
var is_refund_with_fee = secondForm.getForm().getValues()['is_refund_with_fee'];
Ext.Msg.confirm("提示", "确认保存?", function(btn) {
if (btn == "yes") {
secondForm.getForm().submit({
url : 'connCfgManage.do?reqCode=updateConnCfgMangeInfo',
waitTitle : '正在提交中.......',
method : 'POST',
params : {
protocolType : protocolType,
actived : actived,
resumeActived : resumeActived,
priority : priority,
resumeType : resumeType,
connTypeDetachable : connTypeDetachable,
is_refund_with_fee : is_refund_with_fee
},
success : function(form, action) {
Ext.Msg.hide();
if (action.result.success) {
Ext.Msg.alert('提示', action.result.msg);
sWindow.close();
store.reload();
} else {
Ext.Msg.alert('提示', action.result.msg);
Ext.Msg.hide();
store.reload();
}
},
failure : function(form, action) {
Ext.Msg.hide();
store.reload();
Ext.Msg.alert('提示', action.result.msg);
}
});
}
});
});
/** 初始化表单 */
function initForm(title, secondForm, record, saveFun) {
// 初始化
if (record != null) {
secondForm.getForm().loadRecord(record);
}
// 添加按钮
secondForm.addButton({
text : '保存',
id : 'save_button',
iconCls : 'acceptIcon',
handler : function() {
saveFun(sWindow);
}
});
secondForm.addButton({
text : '重置',
iconCls : 'tbar_synchronizeIcon',
handler : function() {
secondForm.getForm().reset();
setValuetoForm();
}
});
secondForm.addButton({
text : '关闭',
iconCls : 'deleteIcon',
handler : function() {
sWindow.close();
}
});
uiGrantFree();
var sWindow = new Ext.Window({
title : '<span style="font-weight:bold">' + title
+ '</span>', // 窗口标题
layout : 'fit', // 设置窗口布局模式
width : document.body.clientWidth - 100, // 窗口宽度
height : 650,
closable : false, // 是否可关闭
closeAction : 'hide', // 关闭策略
maximizable : false, // 设置是否可以最大化
border : false, // 边框线设置
resizable : false,
constrain : true,
titleCollapse : true,
animateTarget : Ext.getBody(),
autoScroll : false,
modal : true,
buttonAlign : 'right',
items : [secondForm],
buttons : []
});
sWindow.show();
}
if (record != null) {
setValuetoForm();
}
function setValuetoForm() {
var protocolType = record.get('protocolType');
var actived = record.get('actived');
var resumeActived = record.get('resumeActived');
var priority = record.get('priority');
var resumeType = record.get('resumeType');
var connTypeDetachable = record.get('connTypeDetachable');
var is_refund_with_fee = record.get('is_refund_with_fee');
if (protocolType == "0") {
Ext.getCmp('protocolType0').setValue(protocolType);
} else if (protocolType == "1") {
Ext.getCmp('protocolType1').setValue(protocolType);
}
if (actived == "0") {
Ext.getCmp('actived0').setValue(actived);
} else if (actived == "1") {
Ext.getCmp('actived1').setValue(actived);
}
if (resumeActived == "0") {
Ext.getCmp('resumeActived0').setValue(resumeActived);
} else if (resumeActived == "1") {
Ext.getCmp('resumeActived1').setValue(resumeActived);
}
if (priority == "Y") {
Ext.getCmp('priority0').setValue(priority);
} else if (priority == "N") {
Ext.getCmp('priority1').setValue(priority);
}
if (resumeType == "0") {
Ext.getCmp('resumeType0').setValue(resumeType);
} else if (resumeType == "1") {
Ext.getCmp('resumeType1').setValue(resumeType);
}
if (connTypeDetachable == "Y") {
Ext.getCmp('connTypeDetachable0').setValue(connTypeDetachable);
} else if (connTypeDetachable == "N") {
Ext.getCmp('connTypeDetachable1').setValue(connTypeDetachable);
}
if (is_refund_with_fee == "0") {
Ext.getCmp('is_refund_with_fee0').setValue(is_refund_with_fee);
} else if (is_refund_with_fee == "1") {
Ext.getCmp('is_refund_with_fee1').setValue(is_refund_with_fee);
}
}
}
相关推荐
radiogroup 支持单击取消 单击选中； 自定义的一个类，直接引用，就可以使用。免费分享
extjs4.0结合My97DatePicker4.7版本使用 使用简单 方便 解决extjs中日期控件不能显示时间的问题 下载后将其放到extjs目录的examples下 直接运行date.html即可 extjs4.0版本 4.0以前的版本没有测试过 如果有4.0版本...
extjs中使用FusionChart举例
论坛上找的， Highstock与ExtJs完美结合使用，有案例（php），
众多的案例详细介绍了extjs的使用和实现效果
这几个月以来自己做extjs4开发整理下来的一些技术要点
ExtJS示例，Grid的使用,Panle的使用,树的使用
extjs2----关于extjs 的使用，操作.比较初级，但是也比较使用。适合初步接触extjs的朋友
Extjs4.1 小例子（适合extjs初学者学习使用）.直接导入myeclipse即可
基于Extjs4官方的例子，做了一个关于MVC和Grid增删改的小例子
Extjs+Gride使用方法 Extjs Gride
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs2.0 使用简明教程之窗口分组，实现分组窗体
extjs模板的使用说明
NULL 博文链接：https://hugang357.iteye.com/blog/1117564
extjs资料extjs资料extjs资料extjs资料extjs资料
Extjs分页使用java实现数据库数据查询.docx
extjs4.2 desktop demo 拓展功能：图标换行，拖动，多级开始菜单，修正extjs4.2的一些bug,加了几个桌面图标，纯js无后台程序，无需发布即可浏览。
xtJs已经升级到了5.0了，目前可能多数应用还在使用ExtJs 3.系列。 从开发大型的web后台或者企业管理系统来看，ExtJs3的缺陷还是比较明显的，从ExtJs4 开始引入了MVC架构，从而能够从容的组织系统的JS文件了。 从...
ext3.3.1的官方实例，对于初学者是很有用的例子