0

我正在为我的一个网格使用分页工具栏，但只刷新并手动输入页码工作。pagingtoolbar 的下一个和上一个按钮不起作用它没有触发任何事件，因为我在 firebug 中注意到单击按钮时没有任何服务器调用。所以请帮我弄清楚这个按钮有什么问题。

//分页工具栏添加到网格 

dockedItems :[ {
                                            xtype : 'pagingtoolbar',
                                            store : 'Laborcosts',
                                            dock : 'bottom',
                                            displayInfo : true
                                        } ],

//店铺

Ext.define('MD.store.Laborcosts', { 
extend : "Ext.data.Store",
storeID:'Laborcosts',       
model: 'MD.model.Laborcosts',
autoLoad: {start: 0, limit: 10},
remoteSort: true,
pageSize :10 ,
loadMask: true,
proxy: {
    type: 'rest',
     url: '../services/mdcat/laborcost/getLaborCostCDM',
    timeout: 300000,
    reader: {
        type: 'json',
        root: 'records',
        totalProperty: 'total'
    }
}
});

下一个/上一个按钮事件仅在单击红色条形标记的特定部分时执行

这是我的观察：下一个/上一个按钮事件仅在单击栏的特定部分时执行，即在下一个/上一个按钮图标下方一点点。
经过大量尝试后，我发现这种行为仅适​​用于 IE 中的 chrome，它工作正常。请查看以下工具栏源代码内部元素“button-1121-btnIconEl”渲染箭头图像，但它没有在 chrome 中触发单击事件。根据我的理解，ext js 点击事件绑定到 id“button-1121-btnEl”。所以请帮我解决这个问题，为什么单击事件不会在单击作为按钮子元素的内部图标时触发。 

"<em id="button-1121-btnWrap"><button id="button-1121-btnEl" type="button" class="x-      btn-center" role="button" autocomplete="off" data-qtip="Next Page" style="height: 16px; "><span id="button-1121-btnInnerEl" class="x-btn-inner" style="">&nbsp;</span><span id="button-1121-btnIconEl" class="x-btn-icon x-tbar-page-next"></span></button></em>"
4

2 回答 2

1

尝试像这样在工具栏中引用商店：

  store: this.store , //where this would point to grid (you would need to move the toolbar declaration into the initComponent method).

如果这不起作用，请尝试注释掉

 autoLoad: {start: 0, limit: 10},
于 2013-10-25T22:33:38.150 回答
0

终于解决了 - 由于我的自定义 css 这个问题

.menubarCls .x-btn-default-toolbar-small-menu-active, .x-btn-default-toolbar-small-pressed
{
background-image:none !important;
border:none !important;
background-color:#91877B !important;
border-radius:0px !important;
padding:6px 15px 6px !important;
}

我已经从 CSS 上方删除了.x-btn-default-toolbar-small-pressed ，现在 pagingtoolbar 工作正常。

于 2014-01-17T06:54:32.523 回答