是这样的??我有个不段变化的数据源。。想grid显示的随数据源不段变化。可是为什么grid显示就是不变啊。。grid里面的store是不段变的,,真晕啊,,那位大大帮忙看看啊
Java代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HFC2.aspx.cs" Inherits="pro_HFC2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="../js/ext-all.css" rel="stylesheet" type="text/css" />
<script src="../js/ext-base.js"></script>
<script src="../js/ext-all.js"></script>
<script type="text/javascript" src="../js/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="../js/Portal.js"></script>
<script type="text/javascript" src="../js/PortalColumn.js"></script>
<script type="text/javascript" src="../js/Portlet.js"></script>
<link href="../js/portal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">Ext.BLANK_IMAGE_URL = '../images/default/s.gif';</script>
</head>
<script>
Ext.onReady(function(){
var task={run:function(){
Ext.Ajax.request({
url:'../pro/HFC2.aspx?cmd=grid',
success:function(response){
var data=Ext.decode(response.responseText);
//因为有几个grid,所以打算1次取到所有数据,再分个要的grid
var store = new Ext.data.SimpleStore({
fields: [
{name: 'oid'},
{name: 'value'}
]
});
var cm=new Ext.grid.ColumnModel([
{header:'名称',dataIndex:"oid",width:152, align:'center'},
{header:'参数',dataIndex:"value",width:150, align:'center'}
]);
var grid = new Ext.grid.GridPanel({
width:325,
height:300,
stripeRows: true,
autoScroll:true,
cm:cm,
// renderTo:'grid',
store:store
});
if(document.getElementById("grid").innerHTML=="")
{
grid.render("grid");
}
//store.removeAll();
//grid.render("grid");
grid.store.loadData(data);//store里面的数据是变的。但为什么显示不变啊??
??
//alert(store.getAt(1).get('value') )
//grid.store.reload();
// grid.reconfigure(store,cm);
},
failure:function(){}
});
}, interval:3000};
var taskRunner=new Ext.util.TaskRunner();
taskRunner.start(task);
var viewport = new Ext.Viewport({
border :false,
autoScroll:true,
region:'nori',
items:[
{
xtype:'portal',
margins:'5 0 5 0',
items:[{
columnWidth:.33,
style:'padding:3px 0 3px 3px',
items:[{
title: 'aa',
html: "<div id='main' style:'height:500px'>d</div>"
}]
},{
columnWidth:.33,
style:'padding:3px 0 3px 3px',
items:[{
title: '基本属性',
// items:[grid]
html:"<div id='grid'></div>"
}]
},{
columnWidth:.33,
style:'padding:3px 0 3px 3px',
items:[{
title: '统计信息',
html: "dadad"
},{
title: 'Another Panel 3',
html: "dadad"
}]
}
]
},{title:'da',html:'ddaa',height:100}
]
});
});
</script>
<body>
<div id="nori"></div>
</body>
</html> <%@ Page Language="C#" AutoEventWireup="true" CodeFile="HFC2.aspx.cs" Inherits="pro_HFC2" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="../js/ext-all.css" rel="stylesheet" type="text/css" />
<script src="../js/ext-base.js"></script>
<script src="../js/ext-all.js"></script>
<script type="text/javascript" src="../js/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="../js/Portal.js"></script>
<script type="text/javascript" src="../js/PortalColumn.js"></script>
<script type="text/javascript" src="../js/Portlet.js"></script>
<link href="../js/portal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">Ext.BLANK_IMAGE_URL = '../images/default/s.gif';</script>
</head>
<script>
Ext.onReady(function(){
var task={run:function(){
Ext.Ajax.request({
url:'../pro/HFC2.aspx?cmd=grid',
success:function(response){
var data=Ext.decode(response.responseText);
//因为有几个grid,所以打算1次取到所有数据,再分个要的grid
var store = new Ext.data.SimpleStore({
fields: [
{name: 'oid'},
{name: 'value'}
]
});
var cm=new Ext.grid.ColumnModel([
{header:'名称',dataIndex:"oid",width:152, align:'center'},
{header:'参数',dataIndex:"value",width:150, align:'center'}
]);
var grid = new Ext.grid.GridPanel({
width:325,
height:300,
stripeRows: true,
autoScroll:true,
cm:cm,
// renderTo:'grid',
store:store
});
if(document.getElementById("grid").innerHTML=="")
{
grid.render("grid");
}
//store.removeAll();
//grid.render("grid");
grid.store.loadData(data);//store里面的数据是变的。但为什么显示不变啊????
//alert(store.getAt(1).get('value') )
//grid.store.reload();
// grid.reconfigure(store,cm);
},
failure:function(){}
}); }, interval:3000};
var taskRunner=new Ext.util.TaskRunner();
taskRunner.start(task);
var viewport = new Ext.Viewport({
border :false,
autoScroll:true,
region:'nori',
items:[
{
xtype:'portal',
margins:'5 0 5 0',
items:[{
columnWidth:.33,
style:'padding:3px 0 3px 3px',
items:[{
title: 'aa',
html: "<div id='main' style:'height:500px'>d</div>"
}]
},{
columnWidth:.33,
style:'padding:3px 0 3px 3px',
items:[{
title: '基本属性',
// items:[grid]
html:"<div id='grid'></div>"
}]
},{
columnWidth:.33,
style:'padding:3px 0 3px 3px',
items:[{
title: '统计信息',
html: "dadad"
},{
title: 'Another Panel 3',
html: "dadad"
}]
}
]
},{title:'da',html:'ddaa',height:100}
]
});
});
</script>
<body>
<div id="nori"></div>
</body>
</html>问题补充:
我用grid.reconfigure(store, new Ext.grid.ColumnModel(cm));
怎么包错啊。包错信息:this.view is null 问题补充:
自己解决了
--------------------------------------------------------------------------------
该问题已经关闭: 自己解决了
问题答案可能在这里 → 寻找更多解答
Ext 实现 更新列标题和数据,同时满足分组等现实问题
请教大家如何将页面的布局做成图2的那样??
如何获取上级容器?[GridPanel->bbar(PagingToolbar)->Item中获取GridPanel?]
SOS EXT Grid 如和提交 大侠们
EXTJS传值问题 回答
其实很简单的,主要就是以下三项.
//重新绑定grid
this.grid.reconfigure(newStore, new Ext.grid.ColumnModel(cm1));
//重新绑定分页工具栏
this.pagingBar.bind(newStore);
//重新加载数据集
newStore.load({params:{start:0,limit:10}}); lovewhzlq (CTO) 2009-06-23
设置一个定时器进行轮询,每隔多少秒调用一次加载store的url,然后重新load
laitaogood (资深程序员) 2009-06-23
lovewhzlq 正解
Java代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HFC2.aspx.cs" Inherits="pro_HFC2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="../js/ext-all.css" rel="stylesheet" type="text/css" />
<script src="../js/ext-base.js"></script>
<script src="../js/ext-all.js"></script>
<script type="text/javascript" src="../js/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="../js/Portal.js"></script>
<script type="text/javascript" src="../js/PortalColumn.js"></script>
<script type="text/javascript" src="../js/Portlet.js"></script>
<link href="../js/portal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">Ext.BLANK_IMAGE_URL = '../images/default/s.gif';</script>
</head>
<script>
Ext.onReady(function(){
var task={run:function(){
Ext.Ajax.request({
url:'../pro/HFC2.aspx?cmd=grid',
success:function(response){
var data=Ext.decode(response.responseText);
//因为有几个grid,所以打算1次取到所有数据,再分个要的grid
var store = new Ext.data.SimpleStore({
fields: [
{name: 'oid'},
{name: 'value'}
]
});
var cm=new Ext.grid.ColumnModel([
{header:'名称',dataIndex:"oid",width:152, align:'center'},
{header:'参数',dataIndex:"value",width:150, align:'center'}
]);
var grid = new Ext.grid.GridPanel({
width:325,
height:300,
stripeRows: true,
autoScroll:true,
cm:cm,
// renderTo:'grid',
store:store
});
if(document.getElementById("grid").innerHTML=="")
{
grid.render("grid");
}
//store.removeAll();
//grid.render("grid");
grid.store.loadData(data);//store里面的数据是变的。但为什么显示不变啊??
??
//alert(store.getAt(1).get('value') )
//grid.store.reload();
// grid.reconfigure(store,cm);
},
failure:function(){}
});
}, interval:3000};
var taskRunner=new Ext.util.TaskRunner();
taskRunner.start(task);
var viewport = new Ext.Viewport({
border :false,
autoScroll:true,
region:'nori',
items:[
{
xtype:'portal',
margins:'5 0 5 0',
items:[{
columnWidth:.33,
style:'padding:3px 0 3px 3px',
items:[{
title: 'aa',
html: "<div id='main' style:'height:500px'>d</div>"
}]
},{
columnWidth:.33,
style:'padding:3px 0 3px 3px',
items:[{
title: '基本属性',
// items:[grid]
html:"<div id='grid'></div>"
}]
},{
columnWidth:.33,
style:'padding:3px 0 3px 3px',
items:[{
title: '统计信息',
html: "dadad"
},{
title: 'Another Panel 3',
html: "dadad"
}]
}
]
},{title:'da',html:'ddaa',height:100}
]
});
});
</script>
<body>
<div id="nori"></div>
</body>
</html> <%@ Page Language="C#" AutoEventWireup="true" CodeFile="HFC2.aspx.cs" Inherits="pro_HFC2" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="../js/ext-all.css" rel="stylesheet" type="text/css" />
<script src="../js/ext-base.js"></script>
<script src="../js/ext-all.js"></script>
<script type="text/javascript" src="../js/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="../js/Portal.js"></script>
<script type="text/javascript" src="../js/PortalColumn.js"></script>
<script type="text/javascript" src="../js/Portlet.js"></script>
<link href="../js/portal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">Ext.BLANK_IMAGE_URL = '../images/default/s.gif';</script>
</head>
<script>
Ext.onReady(function(){
var task={run:function(){
Ext.Ajax.request({
url:'../pro/HFC2.aspx?cmd=grid',
success:function(response){
var data=Ext.decode(response.responseText);
//因为有几个grid,所以打算1次取到所有数据,再分个要的grid
var store = new Ext.data.SimpleStore({
fields: [
{name: 'oid'},
{name: 'value'}
]
});
var cm=new Ext.grid.ColumnModel([
{header:'名称',dataIndex:"oid",width:152, align:'center'},
{header:'参数',dataIndex:"value",width:150, align:'center'}
]);
var grid = new Ext.grid.GridPanel({
width:325,
height:300,
stripeRows: true,
autoScroll:true,
cm:cm,
// renderTo:'grid',
store:store
});
if(document.getElementById("grid").innerHTML=="")
{
grid.render("grid");
}
//store.removeAll();
//grid.render("grid");
grid.store.loadData(data);//store里面的数据是变的。但为什么显示不变啊????
//alert(store.getAt(1).get('value') )
//grid.store.reload();
// grid.reconfigure(store,cm);
},
failure:function(){}
}); }, interval:3000};
var taskRunner=new Ext.util.TaskRunner();
taskRunner.start(task);
var viewport = new Ext.Viewport({
border :false,
autoScroll:true,
region:'nori',
items:[
{
xtype:'portal',
margins:'5 0 5 0',
items:[{
columnWidth:.33,
style:'padding:3px 0 3px 3px',
items:[{
title: 'aa',
html: "<div id='main' style:'height:500px'>d</div>"
}]
},{
columnWidth:.33,
style:'padding:3px 0 3px 3px',
items:[{
title: '基本属性',
// items:[grid]
html:"<div id='grid'></div>"
}]
},{
columnWidth:.33,
style:'padding:3px 0 3px 3px',
items:[{
title: '统计信息',
html: "dadad"
},{
title: 'Another Panel 3',
html: "dadad"
}]
}
]
},{title:'da',html:'ddaa',height:100}
]
});
});
</script>
<body>
<div id="nori"></div>
</body>
</html>问题补充:
我用grid.reconfigure(store, new Ext.grid.ColumnModel(cm));
怎么包错啊。包错信息:this.view is null 问题补充:
自己解决了
--------------------------------------------------------------------------------
该问题已经关闭: 自己解决了
问题答案可能在这里 → 寻找更多解答
Ext 实现 更新列标题和数据,同时满足分组等现实问题
请教大家如何将页面的布局做成图2的那样??
如何获取上级容器?[GridPanel->bbar(PagingToolbar)->Item中获取GridPanel?]
SOS EXT Grid 如和提交 大侠们
EXTJS传值问题 回答
其实很简单的,主要就是以下三项.
//重新绑定grid
this.grid.reconfigure(newStore, new Ext.grid.ColumnModel(cm1));
//重新绑定分页工具栏
this.pagingBar.bind(newStore);
//重新加载数据集
newStore.load({params:{start:0,limit:10}}); lovewhzlq (CTO) 2009-06-23
设置一个定时器进行轮询,每隔多少秒调用一次加载store的url,然后重新load
laitaogood (资深程序员) 2009-06-23
lovewhzlq 正解
解决方案 »
- 打救我这个Mybatis初学者啊……
- Struts2 3.1.2 result 问题
- spring JdbcTemplate java.net.BindException: Address already in use: connect
- 在后台写的table,传到前台jsp怎样实现分页?
- Wap go标签疑问????? 紧急求助.....高分答谢......
- 现在主流的应用服务器软件(weblogic,websphere,jboss)的ejb容器一般都是多个JVM构成的吗?
- tapestry原理
- 请各位帮忙推荐本WebService的书 给建议就给分
- EJB连库的问题啊!(80分啊!)
- 提问:关于用JAVA实现将SQLServer中的表向ORACLE中导出。
- jdbc调用存储过程的问题
- ehcache.xml放到src下
悬赏分:50 - 解决时间:2010-6-15 14:55
求一个简单完整的例子,能够实现Extjs 页面中某个容器里面的一个子容器的定时自动刷新。例如,定时select 数据库中的内容,并显示在子容器中,页面不能闪
完整的例子懒得写了。
其实很简单,如果是 GridPanel,只要定时刷新他的 store 即可。setInterval(function() {
dataStore.reload(); // dataStore 换成你的 store 的变量名
}, 1000); //每隔 1 秒 0