Using Ext.TaskManager we can refresh a grid in certain interval.
Here is an example:
|
1 2 3 4 5 6 7 8 |
let store = grid.getStore() let refreshTask = { // task which reloads the store each minute run: function () { store.reload(); }, interval: 60 * 1000 // 60 seconds }; Ext.TaskManager.start(refreshTask); |
In this example, the grid is refreshed each minute.
End!
In ExtJs7.x, a grid load data uses GET method by default. However sometimes we want to load a grid using a POST method, then we need to adjust the proxy config.
Here is an example:
|
1 2 3 4 5 6 7 8 9 |
proxy: { type: 'ajax', actionMethods: { read: 'POST', }, api: { read: 'http://127.0.0.1:8081/a/p', }, }, |
The key is actionMethods.
Now the grid could load data by sending POST method, but the parameters are sent via params like form fields. With config paramsAsJson, the request parameters can be sent as json data.
The full config is: Continue reading
Menu items with no icon still have the space allocated on the left of the button. If you wish to remove that space so the menu item text has no left padding, it can be done as follows.
In Application.scss add CSS class hide-menu-icon :
|
1 2 3 4 5 6 7 8 |
.hide-menu-icon .x-menu-item-text-default { margin-left: 0; padding-left: 6px; } .hide-menu-icon .x-menu-item-icon-default { display: none; } |
The code below shows an example of getting items from a toolbar:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
changeColor: function (btn) { let children = btn.up('appMenu').items for (let i = 0; i < children.items.length; ++i) { let ele = children.items[i] ele.setStyle({ fontWeight: 'normal', backgroundColor: '#F6F6F6', }) } btn.setStyle({ fontWeight: 'bold', backgroundColor: '#5FA2DD', }); }, |
The code here gives a brief demonstration of how to change the backgroud color of buttons in a toolbar by iterating over the toolbar’s items . Continue reading