EXTJS COMBOX加载本地Store与远程Store实例.
2011-11-08 23:29
417 查看
COMBOX的基本用法可能比较入门级一些.为了方便学习的朋友.与方便自己以后用拷贝方便...顺便记录下来了.
本地Store:
{
xtype: 'combobox',
fieldLabel: '展示频道',
store : new Ext.data.SimpleStore({
fields : [ 'GroupId', 'GroupName' ],
data : [ [ 64, '【首页】' ], [ 128, '【玄幻奇幻】 ' ], [ 256, '【仙侠武侠】' ] ]
}),
anchor: '100%',
id: 'bombox1',
editable : false,
mode : 'local',
value : news.GroupId,
triggerAction : 'all',
valueField : 'GroupId',
displayField : 'GroupName',
forceSelection : true,
name: 'GroupId'
}
远程Store
var periodStore = Ext.create('Ext.data.Store', {
id:'periodStore',
model: 'HXSW.BPM.Website.Model.PeriodModel',
proxy: {
type: 'ajax',
url: '/Period/GetAll'
}
});
{
xtype: 'combobox',
fieldLabel: '榜期',
store:periodStore,
typeAhead: true,
displayField:'StingTime',
valueField:'StingTime',
forceSelection: true,
triggerAction: 'all',
emptyText:'---请选择---',
selectOnFocus:true,
allowBlank: false,
id:'PublishName',
name:'PublishTime',
anchor:'98%',
listeners:{
select:function(){
var me=this;
var paras= me.getValue();
recommentEditorStore.proxy.extraParams.bookname=paras;
recommentEditorStore.load();
}
}
}
本地Store:
{
xtype: 'combobox',
fieldLabel: '展示频道',
store : new Ext.data.SimpleStore({
fields : [ 'GroupId', 'GroupName' ],
data : [ [ 64, '【首页】' ], [ 128, '【玄幻奇幻】 ' ], [ 256, '【仙侠武侠】' ] ]
}),
anchor: '100%',
id: 'bombox1',
editable : false,
mode : 'local',
value : news.GroupId,
triggerAction : 'all',
valueField : 'GroupId',
displayField : 'GroupName',
forceSelection : true,
name: 'GroupId'
}
远程Store
var periodStore = Ext.create('Ext.data.Store', {
id:'periodStore',
model: 'HXSW.BPM.Website.Model.PeriodModel',
proxy: {
type: 'ajax',
url: '/Period/GetAll'
}
});
{
xtype: 'combobox',
fieldLabel: '榜期',
store:periodStore,
typeAhead: true,
displayField:'StingTime',
valueField:'StingTime',
forceSelection: true,
triggerAction: 'all',
emptyText:'---请选择---',
selectOnFocus:true,
allowBlank: false,
id:'PublishName',
name:'PublishTime',
anchor:'98%',
listeners:{
select:function(){
var me=this;
var paras= me.getValue();
recommentEditorStore.proxy.extraParams.bookname=paras;
recommentEditorStore.load();
}
}
}
相关文章推荐
- extjs使用store加载远程数据chart报错
- jsonStore加载远程和本地数据实例
- jsonStore加载远程和本地数据实例
- ExtJS4 comboBox远程加载实例
- extjs的store默认加载数据时,增加本地一条数据
- ExtJS ComboBox同时加载远程和本地数据
- jsonStore加载远程和本地数据实例
- ExtJS ComboBox同时加载远程和本地数据
- extjs JsonStore加载数据,Combobox只显示最后一项值问题
- Extjs comboBox的使用,本地的加载数据
- Extjs Ext.data.store 捕获加载数据的异常,并打印信息
- Spark中加载本地(或者hdfs)文件以及 spark使用SparkContext实例的textFile读取多个文件夹(嵌套)下的多个数据文件
- iOS webView 远程html加载本地资源
- ExtJs MVC架构中不同的View实例使用不同的Store实例
- 处理Extjs的gridpanel修改一条记录并重新加载store之后,已选项model的record并没有改变的问题
- extjs JsonStore加载数据,Combobox只显示最后一项值问题
- 在extjs 4,使用combox的store的filter,但是第一次始终不起作用,第二次开始正常。
- 远程CDN加速不可用,加载本地库
- Extjs 定义本地数据 Store 两种方法