EXT2.0学习一: 让Ext.form.ComboBox通过Dwr获取数据
来源:互联网 发布:软件设计师教程 pdf 编辑:程序博客网 时间:2024/05/21 11:27
Ext2.0: Ext.form.Combobox使用Dwr作为远程数据源:
一、定义dataSource
var roleComboStore = new Ext.data.Store({
proxy: new Ext.data.DWRProxy( UserService.getUsableRole , true),
reader:new Ext.data.ListRangeReader({
totalProperty: 'totalSize',
id: 'id'
}, Ext.data.Record.create([
{name: 'retrunValue',mapping:'userId', type:'string'},
{name: 'displayText',mapping:'username',type:'string'}
])
)
}) ;
proxy: new Ext.data.DWRProxy( UserService.getUsableRole , true),
reader:new Ext.data.ListRangeReader({
totalProperty: 'totalSize',
id: 'id'
}, Ext.data.Record.create([
{name: 'retrunValue',mapping:'userId', type:'string'},
{name: 'displayText',mapping:'username',type:'string'}
])
)
}) ;
其中mapping对应的userId和username是java对象中的字段名,
而name对应的则为Ext.form.ComboBox中对应的valueField和displayField
二、获取Combobox
var r_roleId = formx.getCombo( roleComboStore , 'roleId','<b>角 色</b>',150,'请选择角色',false,false) ;
为了偷懒,将new Ext.form.ComboBox放到一个js函数里面了。不要的属性的全干掉了
////////////////////////////////
function FormX(){
}
}
FormX.prototype = {
getYesNoStore : function(){
var store = new Ext.data.SimpleStore({
fields: ["retrunValue", "displayText"],
data: [[1,'是'],[0,'否']]
}) ;
return store ;
},
getValidStore : function(){
var store = new Ext.data.SimpleStore({
fields: ["retrunValue", "displayText"],
data: [[1,'有效'],[0,'无效']]
}) ;
return store ;
},
getSexStore : function(){
var store = new Ext.data.SimpleStore({
fields: ["retrunValue", "displayText"],
data: [[1,'男'],[2,'女']]
}) ;
return store ;
},
getCombo : function(store,name,filedLabel,width,emptyText,allowBlank,editable){
var combo = new Ext.form.ComboBox({
xtype:'combo',
store: store ,
valueField :"retrunValue",
displayField: "displayText",
mode: 'local',
forceSelection: true,
blankText:emptyText,
emptyText:emptyText,
hiddenName:name,
editable: editable,
triggerAction: 'all',
allowBlank:allowBlank,
fieldLabel: filedLabel ,
name:name,
width:width
}) ;
return combo ;
}
}
getYesNoStore : function(){
var store = new Ext.data.SimpleStore({
fields: ["retrunValue", "displayText"],
data: [[1,'是'],[0,'否']]
}) ;
return store ;
},
getValidStore : function(){
var store = new Ext.data.SimpleStore({
fields: ["retrunValue", "displayText"],
data: [[1,'有效'],[0,'无效']]
}) ;
return store ;
},
getSexStore : function(){
var store = new Ext.data.SimpleStore({
fields: ["retrunValue", "displayText"],
data: [[1,'男'],[2,'女']]
}) ;
return store ;
},
getCombo : function(store,name,filedLabel,width,emptyText,allowBlank,editable){
var combo = new Ext.form.ComboBox({
xtype:'combo',
store: store ,
valueField :"retrunValue",
displayField: "displayText",
mode: 'local',
forceSelection: true,
blankText:emptyText,
emptyText:emptyText,
hiddenName:name,
editable: editable,
triggerAction: 'all',
allowBlank:allowBlank,
fieldLabel: filedLabel ,
name:name,
width:width
}) ;
return combo ;
}
}
三、定义form
var UserRoleForm = new Ext.form.FormPanel({
el:"add-user-role-panel",defaultType: 'textfield',labelAlign: 'right',
title: '11',labelWidth:50,frame: true,anchor: '100%',height:150,
items: [
r_userId,
r_roleId
]
});
el:"add-user-role-panel",defaultType: 'textfield',labelAlign: 'right',
title: '11',labelWidth:50,frame: true,anchor: '100%',height:150,
items: [
r_userId,
r_roleId
]
});
没有将button放到form里面
四、定义窗体
var add_user_role_win = new Ext.Window({
el:'add-user-role-win',
layout:'fit',
width:300,
frame:true,
height:150,
closeAction:'hide',
plain: true,
items: UserRoleForm ,//tree,//
el:'add-user-role-win',
layout:'fit',
width:300,
frame:true,
height:150,
closeAction:'hide',
plain: true,
items: UserRoleForm ,//tree,//
buttons: [
{
text:'保存',
disabled:false,
handler: saveUserRole
},{
text: '关闭',
handler: function(){
add_user_role_win.hide();
}
}]
});
{
text:'保存',
disabled:false,
handler: saveUserRole
},{
text: '关闭',
handler: function(){
add_user_role_win.hide();
}
}]
});
- EXT2.0学习一: 让Ext.form.ComboBox通过Dwr获取数据
- ext2 Ext.form.ComboBox 远程加载数据 mode:'remote',
- 禁止Ext.form.ComboBox远程获取数据的方法
- Ext.form.ComboBox 学习示例
- Ext 学习笔记(一)Ext ComboBox
- Ext 学习笔记(一)Ext ComboBox
- Ext1.0重写Ext.form.ComboBox初始化
- Ext.form.ComboBox tip
- Ext.form.ComboBox
- Ext.form.ComboBox
- Ext.form.ComboBox 获取选中的Value值
- Ext.form.ComboBox 动态加载数据后设置下拉选项
- Ext2.0教程一:Ext介绍以及 ext页面布局
- Ext2.0教程一:Ext介绍以及 ext页面布局
- Ext.form.ComboBox 基本定义
- Ext.form.ComboBox 取值
- Ext.form.ComboBox简单用法
- Ext填充form中的combobox
- 环环相扣,现代社会结构
- Discuz!NT 2.0正式版提供免费下载(最后更新2007-12-26)ASP.net
- 孙鑫VC视频学习 NO2
- VS 2008 和 .NET 3.5 Beta 2 发布了
- 微软 Vs 2008 正式版下载
- EXT2.0学习一: 让Ext.form.ComboBox通过Dwr获取数据
- C# 写XML例子--根据行政代码树生成XML
- 獲取聊天窗口的內容(修正)
- 常用正则表达式
- 优酷视频下载工具
- C# 写XML例子,根据行政代码树生成XML
- 嵌入式系统中Nand-Flash的原理及应用
- ABAP程序的移植性注意问题
- Leo谈交朋友与找工作