用EXT4.2做了一个页面,弹出的window里内嵌form,第一个window单独写成一个.js文件,第二个由于要控制页面增删组件,所以写在该页面的js文件里。可是有个问题,先点第一个window,再点第二个,第二个的内容会被覆盖。如果第二个window的items:里不嵌form则不会出现这个问题。以下是代码,请大牛帮忙看看。
onAddClick: function(){
var addWin = Ext.create("Ext.window.Window",{
id: 'addWin',
title: user_newuser_title,
modal:true,
width:700,
height:622,
resizable: false,
loader: true,
region: 'center',
border: false
});
addWin.show();
addWin.getLoader().load({
url: "../../../ui/user/newUser.js", //这个JS里是可以加载的form
renderer: "component"
}); },
onSearchClick: function(){
var searchWin = Ext.create("Ext.window.Window",{
title: main_button_search,
modal:true,
width:300,
height:180,
bodyPadding:'12 18',
id:'searchform',
fieldDefaults: {
width:'100%',
labelSeparator:":",
anchor:"0"
},
items:[ {
fieldLabel: user_user_grid_userName,
name:'name',
xtype: 'textfield'
},
{
name: 'province',
xtype: 'combobox',
fieldLabel: "省份"
valueField: 'id',
displayField: 'text',
multiSelect: false,
store: Ext.create('Ext.data.Store', {
autoLoad:true,
fields:[ {name:"id",type:"String"},
"text", "departments"],
proxy: {
type: 'ajax',
url: '../../../user/register.action?flag=3',
reader: {
type: 'json'
}
}
}),
typeAhead: true,
emptyText: '请选择',
listeners: {
change: function(f,n,o){
var p=this.store,
c=Ext.StoreManager.lookup("dStore");
cb=this.up("form").getForm().findField("department");
if(n && n!=o){
var rec=p.getById(n);
cb.setValue();
if(rec){
c.loadData(rec.data.departments);
}
}
}
}
},
{
name: 'department',
xtype: 'combobox',
fieldLabel: user_newuser_department,
valueField: 'id',
displayField: 'text',
multiSelect: false,
store: Ext.create('Ext.data.Store', {
storeId: 'dStore',
fields:[{name:"id",type:"String"}, "text"]
}),
emptyText: '请选择'
}]
});
//……………………
});
searchWin.show();
}JavaScriptEXT4
onAddClick: function(){
var addWin = Ext.create("Ext.window.Window",{
id: 'addWin',
title: user_newuser_title,
modal:true,
width:700,
height:622,
resizable: false,
loader: true,
region: 'center',
border: false
});
addWin.show();
addWin.getLoader().load({
url: "../../../ui/user/newUser.js", //这个JS里是可以加载的form
renderer: "component"
}); },
onSearchClick: function(){
var searchWin = Ext.create("Ext.window.Window",{
title: main_button_search,
modal:true,
width:300,
height:180,
bodyPadding:'12 18',
id:'searchform',
fieldDefaults: {
width:'100%',
labelSeparator:":",
anchor:"0"
},
items:[ {
fieldLabel: user_user_grid_userName,
name:'name',
xtype: 'textfield'
},
{
name: 'province',
xtype: 'combobox',
fieldLabel: "省份"
valueField: 'id',
displayField: 'text',
multiSelect: false,
store: Ext.create('Ext.data.Store', {
autoLoad:true,
fields:[ {name:"id",type:"String"},
"text", "departments"],
proxy: {
type: 'ajax',
url: '../../../user/register.action?flag=3',
reader: {
type: 'json'
}
}
}),
typeAhead: true,
emptyText: '请选择',
listeners: {
change: function(f,n,o){
var p=this.store,
c=Ext.StoreManager.lookup("dStore");
cb=this.up("form").getForm().findField("department");
if(n && n!=o){
var rec=p.getById(n);
cb.setValue();
if(rec){
c.loadData(rec.data.departments);
}
}
}
}
},
{
name: 'department',
xtype: 'combobox',
fieldLabel: user_newuser_department,
valueField: 'id',
displayField: 'text',
multiSelect: false,
store: Ext.create('Ext.data.Store', {
storeId: 'dStore',
fields:[{name:"id",type:"String"}, "text"]
}),
emptyText: '请选择'
}]
});
//……………………
});
searchWin.show();
}JavaScriptEXT4
解决方案 »
- 新手报到,请多关照!网页设计中画图形的语言有哪些?
- arguments[0] 什么意思
- 奇怪的按钮报错问题,说没有权限!没有头绪!
- 如何执行在网页中执行JS脚本?
- ext的grid分页为什么不管用,一直在转圈圈?
- 关闭浏览器弹出自定义层
- 关于读取XML得问题
- 如何取出数据库中的datetime类型的字段数据,并且跟当前时间比较,并且显示出已经过去的几小时多少分呢?
- 关于动态选择值的问题(有一定难度)
- 请问<script language="jscript.encode" src="me.jse"></script>这句什么意思?
- JS 文件下载 IE 安全阻止
- asp.net 如何调用self host的 wcf service
var addWin = Ext.create("Ext.window.Window",{
id: 'addWin',
title: user_newuser_title,
modal:true,
width:700,
height:622,
resizable: false,
loader: true,
region: 'center',
border: false
}); addWin.show();
addWin.getLoader().load({
url: "../../../ui/user/newUser.js", //这个JS里是可以加载的form
renderer: "component"
});},
onSearchClick: function(){
var searchWin = Ext.create("Ext.window.Window",{
title: main_button_search,
modal:true,
width:300,
height:180,
bodyPadding:'12 18',
id:'searchform',
fieldDefaults: {
width:'100%',
labelSeparator:":",
anchor:"0"
},
items:[{
fieldLabel: user_user_grid_userName,
name:'name',
xtype: 'textfield'
},
{
name: 'province',
xtype: 'combobox',
fieldLabel: "省份"
valueField: 'id',
displayField: 'text',
multiSelect: false,
store: Ext.create('Ext.data.Store', {
autoLoad:true,
fields:[ {name:"id",type:"String"}, "text", "departments"],
proxy: {
type: 'ajax',
url: '../../../user/register.action?flag=3',
reader: {
type: 'json'
}
}
}),
typeAhead: true,
emptyText: '请选择',
listeners: {
change: function(f,n,o){
var p=this.store,
c=Ext.StoreManager.lookup("dStore");
cb=this.up("form").getForm().findField("department");
if(n && n!=o){
var rec=p.getById(n);
cb.setValue();
if(rec){
c.loadData(rec.data.departments);
}
}
}
}
},
{
name: 'department',
xtype: 'combobox',
fieldLabel: user_newuser_department,
valueField: 'id',
displayField: 'text',
multiSelect: false,
store: Ext.create('Ext.data.Store', {
storeId: 'dStore',
fields:[{name:"id",type:"String"}, "text"]
}),
emptyText: '请选择'
}
]
//……………………
}); //window
searchWin.show();
}