gridpanel

How do you include a UX class in the MVC pattern?

由 大憨熊 提交于 2019-12-18 12:31:23
问题 Before the MVC pattern I would include UX classes simply by including this at the top of the JS, before Ext.onReady : Ext.Loader.setConfig({enabled: true}); Ext.Loader.setPath('Ext.ux', 'extjs/examples/ux'); Ext.require([ 'Ext.ux.grid.FiltersFeature' ]); Now I am working with the MVC pattern and I have a gridpanel that needs to use this same feature. I've included a requires statement in the view like this: Ext.define('ST.view.StudentLog', { extend: 'Ext.grid.Panel', alias: 'widget.studentlog

Need to change the background color of icon inside extjs grid action column

由 喜你入骨 提交于 2019-12-13 01:18:18
问题 I need to change the background color of icon inside extjs grid action column on clicking that icon. handler: function(grid, rowIndex, colIndex) { //Need to change the background color of the delete icon } http://jsfiddle.net/mohansee/6afxy/2/ 回答1: this will do it: handler: function(grid, rowIndex, colIndex) { Ext.query('td.x-action-col-cell img',grid.getNode(rowIndex))[0].style.setProperty('background-color','#000') } 来源： https://stackoverflow.com/questions/23122820/need-to-change-the

ExtJS Grid Paging: next button is disabled!

由 左心房为你撑大大i 提交于 2019-12-13 00:23:37
问题 I created a basic grid that has a paging toolbar. For some reason when I load up at index 0, the Next Page button is disabled, even though the text says "Displaying page 1 of 5". If I choose anything higher than 0 in the load params for the store, it allows me to page forward and back, but it does not properly display the max # of pages and if I go back to the first page, the next button is once again disabled. Any ideas? function getBugGrid(activityPanelWrapper){ var pageSize = 5; var

Extjs4 set tooltip on each column hover in gridPanel

由 本小妞迷上赌 提交于 2019-12-12 13:59:10
问题 I am getting tooltip on mouse hover by each row for current column but I am unable to get next column tooltip on continue hover on same row. But I can get it if I hover on another row & again hover any column of the previous row by using: listeners:{ 'itemmouseenter': function (view, record, item, index, e, eOpts) { var gridColums = view.getGridColumns(); var column = gridColums[e.getTarget(this.view.cellSelector).cellIndex]; Ext.fly(item).set({ 'data-qtip': 'Des:' + column.dataIndex }); } }

ExtJS4 gridPanel data not showing

由 有些话、适合烂在心里 提交于 2019-12-11 20:14:05
问题 I've made this very simple jsfiddle to show you this abnormal behaviour http://jsfiddle.net/mrgamer/GgUkE/2/ In my application i'm using the same methods i've written here, .loadRawData() on the store, cause .loadData() doesn't fire the 'load' event. I'm filling the store manually cause i've to filter some JSON data, compile it, and then insert to this store. Anyway the problem doesn't seem to be in the store, since the Grid gets populated, you can click on 2 rows, but the data isn't

Howto override listener in gridpanel on ExtJS4

由 六月ゝ 毕业季﹏ 提交于 2019-12-11 13:11:29
问题 Hii howto override itemclick in gridpanel on ExtJS4 ? I have gridpanel with alias tableA like this : Ext.define('AM.test.TableA', { extend: 'Ext.grid.Panel', alias: 'widget.tableA', initComponent: function() { // tableA configurations this.callParent(arguments); } }); And my tableA controller like this : Ext.define('AM.test.TableAController', { extend: 'Ext.app.Controller', init: function() { this.control({ 'tableA': { itemclick: this.tableSelection } }); }, tableSelection: function(grid,

ExtJS grid Panel Paging toolbar not showing required number of records per page

由 泪湿孤枕 提交于 2019-12-11 06:58:58
问题 I am new to extJS and I am trying to show 8[a random number] records in a grid panel and am also using paging toolbar to show 4 records per page but it shows 8 records in one page only. var myData = [ ['3m Co', 71.72, 0.02, 0.03, '9/1 12:00am'], ['Alcoa Inc', 29.01, 0.42, 1.47, '9/1 12:00am'], ['American International Group, Inc.', 64.13, 0.31, 0.49, '9/1 12:00am'], ['AT&T Inc.', 31.61, -0.48, -1.54, '9/1 12:00am'], ['Boeing Co.', 75.43, 0.53, 0.71, '9/1 12:00am'], ['Caterpillar Inc.', 67.27,

Ext JS GridPanel autoHeight not working for group expand collapse

由 廉价感情. 提交于 2019-12-11 02:15:13
问题 There seems to be a defect when using the autoHeight property on the gridPanel along with the grouping feature. When you set the grouping to startCollapsed the height of the grid is set to the height of the collapsed rows (which is correct) but when I expand a group the height of the grid doesn't updated and hence the new content pushes old content into an invisible area. You can replicate the issue easily on the sensha docs http://docs.sencha.com/ext-js/4-0/#!/api/Ext.grid.Panel by going to

Server Side sorting in an ExtJS GridPanel

由 不问归期 提交于 2019-12-05 19:31:10
问题 I have a paged GridPanel and don't know how to go about adding server side sorting. Do I add a listener for the sortChange() event? Do I override it? Or is there another event that I should work with. Any help would be appreciated. 回答1: No. In the definition for your store just set remoteSort: true, // to enable sorting sortInfo: { // the default sort field: 'someField', direction: 'ASC' | 'DESC' } And on the server side you will now be getting a sort and dir request parameters specifying the

In IE7 the first click on a grid causes an ExtJS Ext.grid.GridPanel to jump to the top of the page

由 旧巷老猫 提交于 2019-12-04 13:04:44
I have a strange issue with an Array fed ExtJS gridPanel - in IE7 only, before the rowclick event is fired, when I click on a row, the page scrolls up 2-3 rows. On repeated clicks, the page scrolls up until the page is at the top of the page. Then only the rowclicks are passed through to my handler. I only have two listeners registered on this grid: listeners: { rowclick:function(grid, rowIndex, e) { ... my handler }, sortchange : function(grid, rowIndex, e){} Do you have any ideas? I experienced similar bug in Internet Explorer 7. For me zoom:1; position:relative; on surrounding container
订阅 gridpanel