Question

I changed ItemFileReadStore for combobox in Dojo.
My code looks something like

    <span dojoType="dojo.data.ItemFileReadStore"
                jsId="comboStore"
                data="transformData">
            <select dojoType="mywidget.DropDown" id="transformCombo" value="" store="comboStore" searchAttr="name" name="state" maxHeight="100"/>

My widget is similar to dojo combobox widget. I changed transformData but the combobox is not updated until the page is entirely reloaded again. Any idea?

Answer 1

If the content is changing server side and you just want to refresh your local copy of it without reloading the page, you can call fetch on the store and update your component when you receive the new data.

Here’s the code that I use to refresh a dojox.grid.DataGrid when the server side content is updated:

// initialise store and link to DataGrid
var store = new dojo.data.ItemFileReadStore({
    url: "items.json",
    clearOnClose: true,
    urlPreventCache: true
});
var grid = dijit.byId("grid")
grid.setStore(store);

// code to update local copy
store.close();
store.fetch({
    onComplete: function(items, request) {
        grid._refresh();
    }
});

If you are modifying the data client side, you should probably be using ItemFileWriteStore as Andrei suggested.

Edit:
grid.sort() can be used for refreshing a DataGrid as an alternative to grid._refresh() (who’s behaviour may change over time)