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 visible

how 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

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -