我正在使用ExtJS 4.2,并创建了一个带有排序器的store。该store可以正常加载来自JSONP Web服务调用的数据,但是它拒绝进行排序。以下是我的模型、store和加载调用的表示形式。
模型:
使用存储的下拉框组件:
实际的调用以加载存储:
数据加载得很好,但商店拒绝对我的数据进行排序。我正在将100多个动态记录加载到组合框中,并需要这个功能正常工作。如果有人能提供我做错了什么的见解,我将非常感激。
模型:
Ext.define('Desktop.models.products.DtoProductFamilyModel', {
extend: 'Ext.data.Model',
fields: [
{
name: 'ProductFamilyId',
type: 'string',
useNull: false,
defaultValue: Util.getBlankGuid()
},
{
name: 'ParentProductFamilyId',
type: 'string',
useNull: true,
defaultValue: Util.getBlankGuid()
},
{
name: 'BaseItemId',
type: 'string',
useNull: true,
defaultValue: Util.getBlankGuid()
},
{
name: 'Name',
type: 'string',
useNull: false,
defaultValue: ''
},
{
name: 'DisplayName',
type: 'string',
useNull: false,
defaultValue: ''
},
{
name: 'ExternalReferenceId',
type: 'string',
useNull: true,
defaultValue: null
}
]
});
商店:
Ext.define('Desktop.stores.products.GetProductFamiliesStore', {
extend: Ext.data.Store,
model: 'Desktop.models.products.DtoProductFamilyModel',
proxy: {
type: 'jsonp',
url: 'http://www.somejsonpwebservice.com',
method: 'GET',
pageParam: false,
startParam: false,
limitParam: false,
timeout: 9000000,
noCache: true,
headers: { 'Content-Type': 'application/json;charset=utf-8' },
sorters: [{
property: 'Name',
direction: 'ASC'
}],
sortRoot: 'Name',
sortOnLoad: true,
remoteSort: false,
reader: {
type: 'json'
}
}
});
使用存储的下拉框组件:
{
xtype: 'combo',
zzid: 'cmbProductManufacturersFamily',
store: 'Desktop.stores.products.GetProductFamiliesStore',
width: 250,
labelWidth: 50,
forceSelection: true,
fieldLabel: Util.translate('Family'),
emptyText: 'Select Product Family',
margin: '0 0 0 10',
displayField: 'Name',
valueField: 'ProductFamilyId'
}
实际的调用以加载存储:
this.stoProductFamilies = this.cmbProductManufacturersFamily.getStore();
this.stoProductFamilies.load()
数据加载得很好,但商店拒绝对我的数据进行排序。我正在将100多个动态记录加载到组合框中,并需要这个功能正常工作。如果有人能提供我做错了什么的见解,我将非常感激。