ExtJs实践:支持返回Json格式的ComboBox
2009-09-09 00:00:00 来源:WEB开发网假如我们程序中有产品(Product)和产品分类(Category)这2个类,前端使用ExtJs,通过JSON格式同后端进行通讯:
public class Category
{
public string Id { get; set; }
public string Name { get; set; }
}
public class Product
{
public string Id { get; set; }
public string Name { get; set; }
public Category Category { get; set; }
}
在产品添加页面,会有一个ComboBox来选择产品所属的分类(当然实际工作中产品的Id是不会让用户输入的):
如果使用ExtJs传统的ComboBox:
Ext.onReady(function() {
Ext.QuickTips.init();
var store = new Ext.data.ArrayStore({
fields: ['Id', 'Name'],
data: [['1', '产品分类一'], ['2', '产品分类二']]
});
var form = new Ext.FormPanel({
labelWidth: 75,
frame: true,
title: 'ComboBox',
bodyStyle: 'padding:5px 5px 0',
width: 350,
defaults: { width: 230 },
defaultType: 'textfield',
items: [
{ fieldLabel: '产品Id',
name: 'Id'
}, { fieldLabel: '产品名称',
name: 'Name'
}, new Ext.form.ComboBox({
fieldLabel: '产品分类',
name: 'Category',
hiddenName:'CategoryId',
store: store,
displayField: 'Name',
mode: 'local',
valueField: 'Id'
})
],
buttons: [{
text: '保存',
handler: function() {
var values = form.form.getValues();
alert(Ext.util.JSON.encode(values));
}
}
]
});
form.render(document.body);
});
- ››ExtJs Grid 合计 [Ext | GridPanel | GridSummary...
- ››ExtJS中如何扩展自定义的类
- ››支持 Symbian 平台的开发者只有四分之一
- ››支持电骡视频点播 迅雷泛播放体验
- ››支持Win 7 Vista 不开迅雷接管高速下载
- ››支持换肤功能的窗口实例
- ››支持iPhone的免费VPN:VPN98
- ››支持PDF阅读!美图看看新版试用
- ››支持Windows CE和Android 2.1双系统的Viliv Prime...
- ››支持Flash Windows Mobile 手机全功能浏览器
- ››Extjs列表详细信息窗口新建后自动加载解决方法
- ››支持 Wi-Fi MOTO 第9款 Android 手机ME508曝光
更多精彩
赞助商链接