Sunday, January 1, 2012

EXTJS: refresh/reload ข้อมูลใน grid ใหม่ โดยไม่ต้องโหลดหน้าใหม่

grid จะแสดงข้อมูลที่ได้มาจาก store วิธีการก็คือ เราก็ดึงข้อมูลใหม่มาใส่ store แล้วให้ grid มาอ่านข้อมูลจาก store ตัวนี้ แล้วก็สั่ง grid ให้ refresh view
ตัวอย่าง
var response = Ext.decode(result);
storeSM = new Ext.data.Store({
proxy: new Ext.ux.data.PagingMemoryProxy(response),
remoteSort: true,
sortInfo: { field: "Date", direction: "ASC" },
reader: new Ext.data.ArrayReader({
fields: [{ name: "Id" },
{ name: "Date" },
{ name: "Status" }]
})
});
grid.store = store;
store.load({ params: { start: 0, limit: 20} });
grid.getView().refresh();


result ในที่นี้คือเราไปทำ Ajax select ข้อมูลส่งมาในรูป JSON

No comments: