代码如下:
function fasongxinyoujian(){
var mainTab = Ext.getCmp("mainTabId");
var ageinDom=Ext.getCmp('suntabSendNewEmail'); if(ageinDom!=null){
mainTab.remove(ageinDom);
return;
} var mainTab = Ext.getCmp("mainTabId"); var sendEmail = mainTab.add({
id:'suntabSendNewEmail',
width : 1050,
height : 700,
closable: true,
title : '写信息',
frame:true,
html : "<div id='sendNewEmailCmp'></div>",
border : false
});
mainTab.setActiveTab(sendEmail);
var sendNewEmail=new Ext.form.FormPanel({
renderTo:'sendNewEmailCmp',
id:'insertCom',
width:1050,
height:500,
labelWidth: 55,
style:'border:0px;margin-top:0px,padding:0,0,0,0',
monitorValid:true,
lableAlign:'right',
url:'emailaction!sendToEmail?id='+Math.random(),
tbar:new Ext.Toolbar({
margins: '0 0 0 0' ,
height:25,
autoWidth:true,
style:'border:0px;margin-top:0px;padding-left:15px;',
items:[{
xtype:'button',
text:'取消',
icon:ICONPATH+'arrow_refresh.png',
handler:reset
},"-",{
xtype:'button',
icon:ICONPATH+'delete.gif',
text:'发送',
handler:sendSubmits
}]
}),
items:[{
//layout:'column',
items:[{
xtype:'fieldset',
lableAlign:'right',
defaults:{width:150,allowBlank:false},
items:[{name : 'userString',width:835,fieldLabel : '收件人',id:'receiveUser',xtype:'textarea',readOnly:true,height:40,width:900,renderOnly:true},
{xtype:'button',width:55,style:'margin-left:60',handler:focusChaoSong,text: '请选择联系人'},
{fieldLabel: '标题',name: 'email.title',id:'emailTitleCm',xtype:'textfield',width:900 },
{name:'email.content',xtype:'htmleditor',id:'emailContentCm',fieldLabel:'内容', height:400,anchor:'100%'}
]
}]
}],
})
function sendSubmits(operate){
sendNewEmail.getForm().submit({
success : function(form, action) {
Ext.Msg.alert('信息', "发送成功");
reset();
},
failure : function() {
Ext.Msg.alert('信息', '发送失敗');
reset();
}
});
}
取消
function reset(){
sendNewEmail.form.reset();
}
var tree;
function focusChaoSong(){
tree=getDepTreePanel(copyReceive,treeClick);//得到树
}
function treeClick(node){
copyReceive(node.id);
}
//选择联系人
function copyReceive(departmentId){
//left
var leftPanel=new Ext.Panel({
id:'leftPanelId',
width:180,
region:'west',
title:'部门机构',
items:[tree]
});
//right
var smlnBox=new Ext.grid.CheckboxSelectionModel({ singleSelect: false});
var chaosongLnBox=new Ext.data.Store({
proxy:new Ext.data.HttpProxy({url:'usersaction!provideUser?department='+departmentId+'&readom='+Math.random()}),
reader:new Ext.data.JsonReader(
{root:'provideUser'},
[{name:'id',hidden:true},{name:'truename'},{name:'name'}]
)
})
var chaosongcmLnBox=new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),smlnBox,
{header:'id',dataIndex:'id',width:60,menuDisabled : true,resizable : false,hidden:true},
{header:'联系人',dataIndex:'truename',width:60,menuDisabled : true,resizable : false},
{header:'用户名',dataIndex:'name',width:80,menuDisabled : true,resizable : false}
])
chaosongLnBox.load({params:{start:0,limit:10}});
var chaosongBoxGride=new Ext.grid.GridPanel({
id:'chaosongId',
stripeRows : true,
height : 200,
width : 100,
store :chaosongLnBox,
cm : chaosongcmLnBox,
region:'center',
sm:smlnBox,
loadMask: false,
frame:true
})
var csWin=new Ext.Window({
title:"联系人",
collapsible: true,
maximizable: true,
width:400,
height:355,
minWidth: 300,
minHeight: 200,
layout: 'border',
plain: true,
floating:true,
bodyStyle: 'padding:5px;',
buttonAlign: 'center',
items:[leftPanel,chaosongBoxGride],
buttons :[{
text:'确定',
width:50,
handler:sendSubmit
},{
text : '取消',
width:50,
style:"margin-left:20;margin-right:10",
handler:reset
}]
});
csWin.show();
csWin.center();
function reset(){
csWin.close();
}
function sendSubmit(){
var rows= chaosongBoxGride.getSelectionModel().getSelections();
var userIds=[];
if(rows.length>=1){
Ext.each(rows,function(item){
userIds.push(item.data.name);
Ext.getCmp("receiveUser").setValue(userIds)
})
}
csWin.close();
}
}
}我的要求是:这个formpanel的外边框怎么去掉,现在的样式很难看,
上面的代码效果图是:
function fasongxinyoujian(){
var mainTab = Ext.getCmp("mainTabId");
var ageinDom=Ext.getCmp('suntabSendNewEmail'); if(ageinDom!=null){
mainTab.remove(ageinDom);
return;
} var mainTab = Ext.getCmp("mainTabId"); var sendEmail = mainTab.add({
id:'suntabSendNewEmail',
width : 1050,
height : 700,
closable: true,
title : '写信息',
frame:true,
html : "<div id='sendNewEmailCmp'></div>",
border : false
});
mainTab.setActiveTab(sendEmail);
var sendNewEmail=new Ext.form.FormPanel({
renderTo:'sendNewEmailCmp',
id:'insertCom',
width:1050,
height:500,
labelWidth: 55,
style:'border:0px;margin-top:0px,padding:0,0,0,0',
monitorValid:true,
lableAlign:'right',
url:'emailaction!sendToEmail?id='+Math.random(),
tbar:new Ext.Toolbar({
margins: '0 0 0 0' ,
height:25,
autoWidth:true,
style:'border:0px;margin-top:0px;padding-left:15px;',
items:[{
xtype:'button',
text:'取消',
icon:ICONPATH+'arrow_refresh.png',
handler:reset
},"-",{
xtype:'button',
icon:ICONPATH+'delete.gif',
text:'发送',
handler:sendSubmits
}]
}),
items:[{
//layout:'column',
items:[{
xtype:'fieldset',
lableAlign:'right',
defaults:{width:150,allowBlank:false},
items:[{name : 'userString',width:835,fieldLabel : '收件人',id:'receiveUser',xtype:'textarea',readOnly:true,height:40,width:900,renderOnly:true},
{xtype:'button',width:55,style:'margin-left:60',handler:focusChaoSong,text: '请选择联系人'},
{fieldLabel: '标题',name: 'email.title',id:'emailTitleCm',xtype:'textfield',width:900 },
{name:'email.content',xtype:'htmleditor',id:'emailContentCm',fieldLabel:'内容', height:400,anchor:'100%'}
]
}]
}],
})
function sendSubmits(operate){
sendNewEmail.getForm().submit({
success : function(form, action) {
Ext.Msg.alert('信息', "发送成功");
reset();
},
failure : function() {
Ext.Msg.alert('信息', '发送失敗');
reset();
}
});
}
取消
function reset(){
sendNewEmail.form.reset();
}
var tree;
function focusChaoSong(){
tree=getDepTreePanel(copyReceive,treeClick);//得到树
}
function treeClick(node){
copyReceive(node.id);
}
//选择联系人
function copyReceive(departmentId){
//left
var leftPanel=new Ext.Panel({
id:'leftPanelId',
width:180,
region:'west',
title:'部门机构',
items:[tree]
});
//right
var smlnBox=new Ext.grid.CheckboxSelectionModel({ singleSelect: false});
var chaosongLnBox=new Ext.data.Store({
proxy:new Ext.data.HttpProxy({url:'usersaction!provideUser?department='+departmentId+'&readom='+Math.random()}),
reader:new Ext.data.JsonReader(
{root:'provideUser'},
[{name:'id',hidden:true},{name:'truename'},{name:'name'}]
)
})
var chaosongcmLnBox=new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),smlnBox,
{header:'id',dataIndex:'id',width:60,menuDisabled : true,resizable : false,hidden:true},
{header:'联系人',dataIndex:'truename',width:60,menuDisabled : true,resizable : false},
{header:'用户名',dataIndex:'name',width:80,menuDisabled : true,resizable : false}
])
chaosongLnBox.load({params:{start:0,limit:10}});
var chaosongBoxGride=new Ext.grid.GridPanel({
id:'chaosongId',
stripeRows : true,
height : 200,
width : 100,
store :chaosongLnBox,
cm : chaosongcmLnBox,
region:'center',
sm:smlnBox,
loadMask: false,
frame:true
})
var csWin=new Ext.Window({
title:"联系人",
collapsible: true,
maximizable: true,
width:400,
height:355,
minWidth: 300,
minHeight: 200,
layout: 'border',
plain: true,
floating:true,
bodyStyle: 'padding:5px;',
buttonAlign: 'center',
items:[leftPanel,chaosongBoxGride],
buttons :[{
text:'确定',
width:50,
handler:sendSubmit
},{
text : '取消',
width:50,
style:"margin-left:20;margin-right:10",
handler:reset
}]
});
csWin.show();
csWin.center();
function reset(){
csWin.close();
}
function sendSubmit(){
var rows= chaosongBoxGride.getSelectionModel().getSelections();
var userIds=[];
if(rows.length>=1){
Ext.each(rows,function(item){
userIds.push(item.data.name);
Ext.getCmp("receiveUser").setValue(userIds)
})
}
csWin.close();
}
}
}我的要求是:这个formpanel的外边框怎么去掉,现在的样式很难看,
上面的代码效果图是:
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货