EXT总结例子
xtype:'fieldset',
title:'<b>高级搜索</b>',
collapsible: true, //默认显示页面隐藏
collapsed: true, //默认显示页面隐藏
items:[{
xtype:'panel',
title:'受理范围',
height: 245,
collapsible:true,
items:[{
xtype:'kindeditor',
height:200,
name:'visa_range'
}]
},{
xtype:'panel',
title:'所需材料',
height: 245,
collapsible:true,
items:[{
xtype:'kindeditor',
height:200,
name:'visa_data'
}]
},{
xtype:'panel',
title:'详情说明',
height: 245,
collapsible:true,
margin:'10 0 10 0',
items:[{
xtype:'kindeditor',
height:200,
name:'visa_detail'
}]
},{
xtype:'panel',
title:'办证流程',
height: 245,
collapsible:true,
margin:'10 0 10 0',
items:[{
xtype:'kindeditor',
height:200,
name:'visa_flow'
}]
}]
}
xtype: 'container',
layout: 'vbox',
items: [
{
xtype: 'button',
text: '添加',
handler: function(btn) {
var con = btn.up();
var len = con.items.length;
con.add({
xtype: 'container',
layout: 'hbox',
items: [
{
xtype: 'textfield',
fieldLabel: '文本' + len
},
{
xtype: 'button',
text: '移除',
handler: function(bb) {
var con1 = bb.up();
con.remove(con1);
}
}
]
});
}
}
]
}
text:'提交',name:'ok',
cls:'btn btn-success',
handler:function(){
//找到当前窗口
var thiswindow =this;
this.up('addVisaView').down('form').submit({
waitMsg:'正在提交中',
clientValidation: true,
submitEmptyText: false,
url:__APP__+'Visa/addVisa',
params:{},
success:function(form, action){
console.log(action.result);
if(action.result.success == "true"){
if(datas['rid']){
Ext.Msg.alert('提示','编辑成功');
}else{
Ext.Msg.alert('提示','添加成功');
}
thiswindow.up('addVisaView').close();
Ext.getCmp('addListView').getStore().load();
} else {
// console.log("=====");
// Ext.Msg.alert('提示', action.result.msg);
Ext.Msg.alert('提示', "添加失败");
}
},
failure:function(form, action){
console.log(action.result);
// Ext.Msg.alert('提示', action.result.msg);
}
});
}
}
var m_confiureAuthRole = "<a href='javascript:void(0)' onclick=configureAuthRole("+record.get('id')+")>"+"<img src='./Gui/Public/Common/images/xinxi/s_44.png' title='设置权限'>"+"</a>    ";
if(data.name=='distributionGroup_editProduct')setProductOfProductGroup = "<a href='javascript:void(0)' onclick=productDistributionView_setProductOfProductGroup('"+m_distributionGroupId+"')>"+"<img src='./Gui/Public/Common/images/xinxi/s_102.png' title='"+data.title+"'>"+"</a>  ";
//直接汉字
<img src="./Gui/Public/Common/images/xinxi/s_03.png" title="+编辑+">
<img src='./Gui/Public/Common/images/xinxi/s_03.png' title='恢复绑定'>
Ext.Array.each(value,function(mv){
//console.log(mv);
var orderinfo = '';
if(mv.name == 'resendCode')
{
orderinfo = "<img src='./Gui/Public/Common/images/xinxi/s_11.png' title='"+mv.title+"'>";
}else if(mv.name == 'delayOrders')
{
orderinfo = "<img src='./Gui/Public/Common/images/xinxi/s_12.png' title='"+mv.title+"'>";
}else if(mv.name == 'showOrders')
{
orderinfo = "<img src='./Gui/Public/Common/images/xinxi/s_13.png' title='"+mv.title+"'>";
}else if(mv.name == 'noteOrders')
{
orderinfo = "<img src='./Gui/Public/Common/images/xinxi/s_14.png' title='"+mv.title+"'>";
}else if(mv.name == 'refundOrders')
{
orderinfo = "<img src='./Gui/Public/Common/images/xinxi/s_113.png' title='"+mv.title+"'>";
}
var data = "<a href='javascript:void(0)' onclick=allOrderListView_orderFunc_"+mv.name+"('"+recordId+"','"+orders_id+"','"+orderNO+"')>"+orderinfo+"</a>";
operationStr.push(data);
//console.log(operationStr);
});
return operationStr.join(' ');
}
'<table>',
'<tr>',
'<td><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">状态：</div>{status.name} </td>',
'<td style="padding-left:104px"><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">电子码：</div>{code}</td>',
'</tr>',
'<tr>',
'<td><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">产品名称：</div>{scenicSpotTicketName} </td>',
'<td style="padding-left:104px"><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">单价：</div>{unitPrice}</td>',
'</tr>',
'<tr>',
'<td><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">退款数量：</div>{refundNum} </td>',
'<td style="padding-left:104px"><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">退款金额：</div>{returnPrice}</td>',
'</tr>',
'<tr>',
'<td><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">申请时间：</div>{createTime} </td>',
'<td style="padding-left:104px"><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">手续费：</div>{refundPoundagePrice}</td>',
'</tr>',
'<tr>',
'<td><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">手续费类型：</div>{refundPoundageType.name}{refundPrice} </td>',
'<td style="padding-left:104px"><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">退款类型：</div>{refundType.name}</td>',
'</tr>',
'<tr>',
'<td><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">退款原因：</div>{refundReason} </td>',
'<td style="padding-left:104px"><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">退款人：</div>{createdBy}</td>',
'</tr>',
'<tr>',
'<td><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">审核人：</div>{auditBy} </td>',
'<td style="padding-left:104px"><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">审核时间：</div>{auditAt}</td>',
'</tr>',
'<tr>',
'<td><div style="color:rgb(56,146,211);width:80px;float:left;text-align:left">审核说明：</div>{auditNotes} </td>',
'</tr>',
'</table>',
//列表页面对应
{
xtype:'fieldcontainer',layout:{type:'hbox',align:'middle'},width:800, //包含里面页面
items:[{
xtype: 'filefield',
name: 'idnumber_img',
fieldLabel: '<b style="color:red">*</b>身份证上传',
buttonText: '浏览...',
disabled: sz_check,
width: 160,
buttonOnly: true,
style: 'float:left'
}, {
xtype: 'panel',
width: 65,
height: 25,
html: getDetailImageNode(business_licence_img),
labelWidth: 30,
style: 'float:left',
fieldLabel: '图片浏览'
}]
},
//登录加载页面
public/bass.css
app/tpl/index/index.html 登录加载静态页面
