我是EXTJS 4和这个论坛的新手.对不起,如果它已在另一个线程中讨论过,但我没有找到它.
我的问题是,我希望我的Grid Panel with Pagination每10秒更新一次它的商店.我找到了一个使用的解决方案userStore.loadPage(current_page),但它有一个问题.
有一段时间,几乎在同一时间更新Grid Panel,用户点击分页中的"next"或"prev".这使Grid Panel无法正常工作.我想要的是,当我点击"下一步"或"上一步"或"刷新"时,前一个请求(userStore.loadPage(current_page))将被中止.所以它不会干扰我当前的请求.
但我没有在EXTJS分页工具栏中找到处理"下一步","上一步"或"刷新"按钮的事件.这个问题的解决方案是什么?有什么办法吗?
这是我的代码仅供参考:
// create User Store
var userStore = Ext.create('Ext.data.Store', {
model: 'EDC',
autoLoad: true,
pageSize: 10,
proxy: {
type: 'ajax',
url : 'Monitoring', // it is using Java servlet, so I write it this way
reader: {
type: 'json',
root: 'edc',
totalProperty: 'total'
}
}
});
// create Grid Panel
Ext.create('Ext.grid.Panel', {
store: userStore,
width: 800,
height: 400,
columns: [
{
text: "ID",
width: 50,
dataIndex: …Run Code Online (Sandbox Code Playgroud) 我在EXTJS 4中渲染折线图时遇到问题.我有包含手风琴布局的视口.在那个布局中,我创建了非常简单的Chart.
这是我的代码:
var chartBox = Ext.create('Ext.chart.Chart', {
width: 500,
height: 300,
style: 'background:#fff',
animate: true,
store: Ext.data.Store({
fields: ['active'],
data: [
{ 'name': 'Jan 2011', 'active': 10},
{ 'name': 'Feb 2011', 'active': 9},
{ 'name': 'Mar 2011', 'active': 13},
{ 'name': 'Apr 2011', 'active': 5},
{ 'name': 'Mei 2011', 'active': 17},
]
}),
theme: 'Category1',
legend: {
position: 'right'
},
axes: [{
type: 'Numeric',
position: 'left',
fields: ['active'],
label: {
renderer: Ext.util.Format.numberRenderer('0,0')
},
title: 'Total',
grid: true,
minimum: 0 …Run Code Online (Sandbox Code Playgroud)