1

次のコードで FilteringSelect を作成しました。

    var type = $('fMatlTypeId').value;

    var eSelect, dataStore;
    require([
        "dijit/form/FilteringSelect",
        "dojo/store/Memory",
        "dojo/data/ObjectStore",
        "dojo/_base/xhr",
        "dojo/parser",
        "dojo/domReady!"
    ], function(FilteringSelect, Memory, ObjectStore, xhr){
        xhr.get({
            url: 'adminservices/admin/materialType/assignedFacilities/' + type + '/',
            handleAs: "json"
        }).then(function(data){
            dataStore =  new ObjectStore({ objectStore:new Memory({ data: data.items }) });

            eSelect = new FilteringSelect({
                id: 'fMatlTypeFacilities',
                store: dataStore, 
                searchAttr: 'nameStatus',
                queryExpr: '*${0}*',
                ignoreCase: true,
                autoComplete: false,
                style: 'width:200px',
                required: true
            }, document.createElement('div'));

            // Append to the div
            $('FS_MatlTypeFacilities').innerHTML = '';
           dojo.byId("FS_MatlTypeFacilities").appendChild(eSelect.domNode);

            eSelect.startup();

            eSelect.setValue(dataStore.objectStore.data[0].id);
        });
    });

バックエンドでデータが変更された場合、どうすれば再ロードできますか?

次のコードを試してみましたが、Firebug でデバッグするとストアは更新されますが、FilteringSelect は更新されません。 

    var eSelect, dataStore;
    require([
        "dijit/form/FilteringSelect",
        "dojo/store/Memory",
        "dojo/data/ObjectStore",
        "dojo/_base/xhr",
        "dojo/parser",
        "dojo/domReady!"
    ], function(FilteringSelect, Memory, ObjectStore, xhr){
        xhr.get({
            url: 'adminservices/admin/materialType/assignedFacilities/' + type + '/',
            handleAs: "json"
        }).then(function(data){
            dataStore =  new ObjectStore({ objectStore:new Memory({ data: data.items }) });
            dataStore.fetch();

            eSelect = dijit.byId('fMatlTypeFacilities');
            eSelect.store.close();
            eSelect.store = dataStore;
            eSelect.startup();
         });
     });

助言がありますか？

動作することがわかった唯一のことは、毎回ウィジェットを破棄して再構築させることです。そこで、上記の作成コードの前に次のコードを追加しました。しかし、単純にリロードする方法が必要です。

if (dijit.byId('fMatlTypeFacilities')) dijit.byId('fMatlTypeFacilities').destroy();
4

1 に答える 1

3

変更してみてください:

eSelect.store = dataStore;

に

eSelect.set('store', dataStore);

通常、myDijit.set(''); を介して dijit のプロパティにアクセスする必要があります。詳しくはこちら

于 2012-06-25T18:23:02.083 に答える