javascript - How to force rerendeing after updating tab by ajax call in ExtJs 5.0? -
javascript - How to force rerendeing after updating tab by ajax call in ExtJs 5.0? -
i have main page tab control:
ext.define("test.index.tabscontroller", { extend: "ext.app.viewcontroller", alias: "controller.tabs-controller", ontabchange: function (panel, newitem, olditem) { if (!newitem.html && newitem.loader) { newitem.loader.load(); } } }); ext.define("test.index.tabs", { extend: "ext.tab.panel", controller: "tabs-controller", listeners: { tabchange: "ontabchange" }, items: [ { title: "static tab", html: "this static tab", }, { title: "ajax tab", loader: { loadmask: true, removeall: true, url: 'views/ajax.html', contenttype: "html", scripts: true, renderer: function (loader, response, request) { loader.gettarget().update(response.responsetext, request.scripts === true); homecoming true; } } } ] }); ext.create("test.index.tabs", { renderto: ext.get("tabs") }); <div id="tabs"></div>
and separate resource (i tried both static html file , asp.met mvc partial view) containing grid populated external rest (asp.net web api) web service:
ext.define("test.models.test", { extend: "ext.data.model", fields: ["name", "updatedate"] }); var userstore = ext.create("ext.data.store", { model: "test.models.test", autoload: true, autosync: true, proxy: { type: "rest", url: "http://localhost/api/test", reader: { type: "json" } }, }); ext.create("ext.grid.panel", { renderto: ext.get("container"), store: userstore, columns: [ { text: "id", dataindex: "id" }, { text: "name", dataindex: "name" } ] }); <div id="container"></div>
it works not properly:
when select sec tab nil happens i select first tab back then select sec tab again, grid visiblehow can forcefulness rerendering right after update?
thanks @luiguis, found phone call updatelayout()
:
renderer: function (loader, response, request) { var callback = function () { loader.gettarget().updatelayout(); }; loader.gettarget().update(response.responsetext, request.scripts === true, callback); homecoming true; }
javascript ajax extjs tabs extjs5
Comments
Post a Comment