View Full Version : [DUP][FIXED]PagerToolbar keeps paging images in disabled state

24 Feb 2011, 12:15 PM
I am trying out Ext 4 and i ran into something it think is a bug.
I have hooked up a JsonStore into a grid. I added the PagingToolbar to the DockedItems.

When the store is initialized and the data is loaded, the images on the PagingToolbar remain greyed out.
The image click handlers operate properly, but the inactive state remains on the elements.


var resourceJsonProxy = new Ext.data.HttpProxy({
url: '/Resource/GetResources',
model: 'ResourceItem',
reader: {
type: 'json',
root: 'Data',
totalProperty: 'RecordCount',
messageProperty: 'ErrorMessage',
successProperty: 'Success'
actionMethods: {
create: 'POST',
read: 'POST',
update: 'POST',
destroy: 'POST'

var resourceStore = new Ext.data.JsonStore({
remoteSort: true,
remoteFilter: true,
sortOnLoad: true,

startParam: 'Start',
limitParam: 'Limit',
sortParam: 'Sort',
filterParam: 'Filter',
sortInfo: {
property: 'ResourcePath',
direction: 'ASC'
model: 'ResourceItem',
proxy: resourceJsonProxy,
listeners: {
load: this.onLoad,
scope: this

var pageSize = 25;

Ext.apply(this, {
cls: 'resource-grid',
store: resourceStore,
dockedItems: [
new Ext.PagingToolbar({
store: resourceStore,
displayInfo: true,
displayMsg: 'Displaying resources {0} - {1} of {2}',
emptyMsg: "No resources to display",
pageSize: pageSize,
prependButtons: true
items: [{
itemId: 'resource-grid',
plugins: [{
pluginId: 'preview',
ptype: 'preview',
bodyField: 'ResourceValue',
previewExpanded: false
headers: [{
text: 'Resource',
dataIndex: 'ResourcePath',
flex: 1,
renderer: this.formatTitle
}, {
text: 'Culture',
dataIndex: 'CultureCode',
hidden: true,
width: 200

viewConfig: {
listeners: {
scope: this,
dblclick: this.onRowDblClick

24 Feb 2011, 12:24 PM
After some more browsing i noticed this was already fixed. I-|