Question

我正在开发ASP prorject在视图中使用extjs。我在EXTJS中使用ItemSelector时遇到问题。

这是我的代码：

var isForm = new Ext.Panel({
    fieldLabel: 'Role',
    width: 700,
    bodyStyle: 'padding:10px;',
    store: GroupStore,
    //renderTo: 'itemselector',
    items: [        
    {
        xtype: 'itemselector',
        name: 'itemselector',
        fieldLabel: 'ItemSelector',
        imagePath: '../../ExtResources/ux/images/',
        multiselects: [{
            legend: 'Available',
            width: 250,
            height: 200,
            store: GroupStore,
            displayField: 'groupName',
            valueField: 'groupID'
        }
        , {
            legend: 'Selected',
            width: 250,
            height: 200,
            store: [['','']]
        }]
    }]
});

这是我的商店：

var GroupStore = new Ext.data.JsonStore({
    remoteSort: true,
    root: 'data',
    //autoLoad: loadStore2,
    autoLoad: true,
    totalProperty: 'totalCount',
    idProperty: 'groupID',
    fields: [{
        name: 'groupID'
    }, {
        name: 'groupName'
    }],
    proxy: new Ext.data.HttpProxy({
        //url: 'InputUserLoadHandler.ashx?get=groups&comp=HSO'
        url: 'InputUserLoadHandler.ashx?get=groups'
    })
});

<选中'列中的

无法显示已选择的项目。我尝试在“可用”栏中使用我的商店并选择“已选中”，但结果是已经显示在两侧的商品。

this是我的ItemSelector的输入请给我解决这个问题的解决方案...

Answer 1

您可以设置表单的store属性。这是不正确的。尝试在itemselector中设置商店。

Answer 2

我是从数据库重装数据，我的项目使用Json来缓冲数据。 companyStore的格式数据如下：

{ "totalCount":"4", "data":[
  {
    "groupID": 1,
    "groupName": "Receiving"
  },
  {
    "groupID": 2,
    "groupName": "Checking"
  },
  {
    "groupID": 3,
    "groupName": "Shipment & Packing"
  },
  {
    "groupID": 4,
    "groupName": "Display Stock"
  }
] }

是否可以使用ItemSelector？在使用数组的sencha示例中。

无法在ItemSelector EXTJS 3中显示所选项目

2 个答案: