我想实现的功能是通过无刷新自动更新表格的数据。
如果后台数据变了,response.responseText可以改变,但是grid store里面的response.responseText没有改变 只有刷新后才能产生变化,请问各位兄弟姐妹,这是什么原因造成的?
代码如下:
function ajaxRequest() {
Ext.Ajax.request({
url : "http://127.0.0.1:8080/sample/jdbc_mysql.jsp",
method : 'GET',
success : function(response) {
// alert(response.responseText);
var grid = new Ext.grid.GridPanel({
height : 200,
width : 350,
enableColumnMove : false,
store : new Ext.data.JsonStore({
autoLoad : true,
data : Ext.util.JSON
.decode(response.responseText),
fields : ["id", "name", "password"]
}),
colModel : new Ext.grid.ColumnModel([{
header : "id",
align : "center",
menuDisabled : true
}, {
header : "姓名",
align : "center",
menuDisabled : true
}, {
header : "密码",
align : "center",
menuDisabled : true
}])
});
if (document.getElementById("stockgrid").innerHTML == "") {
grid.render('stockgrid');
/*
* grid.getView().refresh(); grid.getStore().load();
*/
}
}
});
}
Ext.onReady(function() {
ajaxRequest();
window.setInterval("ajaxRequest()", 3000);
});
你首先需要把store设为全局的,然后再onReady方法最后加入store.reload(),即:
Ext.onReady(function() {
ajaxRequest();
window.setInterval("ajaxRequest()", 3000);
store.reload();
});
分享到:
相关推荐
XMLHTTP无刷新自动实时更新数据是一种常见的Web应用程序技术,它利用了AJAX(Asynchronous JavaScript and XML)的核心组件——XMLHttpRequest对象,实现了网页在不重新加载整个页面的情况下,与服务器进行交互并...
本主题将深入探讨如何利用XML数据生成表格,并实现无刷新更新数据的功能。 首先,XML文件是一种结构化的数据格式,通过标签来定义数据的结构和意义。它允许自定义标签,这使得XML具有高度灵活性,可以适应各种类型...
在前端,表格数据的自动刷新通常通过定时器(如JavaScript的`setInterval`函数)实现,每隔一定时间向服务器发送请求获取最新的数据。这种机制称为长轮询或短轮询。另一种流行的方式是使用WebSocket,它提供了一种...
5. **监听器**:为了实现表格数据的自动刷新,我们需要设置数据源的监听器,例如使用 LiveData 或者 Observables。当数据源发生变化时,通知Adapter更新视图。 6. **数据模型(Model)**:定义一个数据模型类,包含...
通过$.ajax()或$.post()方法,可以在后台处理数据并返回结果,然后使用jQuery操作DOM元素更新表格,实现无刷新编辑。同时,jQuery插件如DataTables、jqGrid等提供了一整套完整的表格编辑解决方案。 3. **Web服务...
标题“无刷新表格查找.rar”和描述中提到的“输入框输入查询条件,表格自动过滤符合条件的数据,无刷新”指的是一个常见的前端交互功能——实时搜索或动态过滤表格数据,而无需页面整体刷新。这种功能在现代Web应用...
JTable 动态刷新数据是指在 Java Swing 应用程序中,使用 JTable 组件展示数据,并实时更新数据的过程。这种技术在很多实际应用场景中非常有用,如股票交易平台、实时监控系统、电子表格等。 首先,在使用 JTable ...
这个压缩包“安卓Android源码——自定义表格自动刷新数据.zip”很可能包含了一个示例项目,用于演示如何在Android环境中实现这一功能。下面我们将详细探讨相关的知识点。 1. **自定义表格**: 在Android中,我们...
这个压缩包"安卓图表报表相关-自定义表格自动刷新数据.zip"可能包含了一些用于实现自定义表格及数据动态更新的源码和资源文件,下面将详细解析其中可能涉及的知识点。 1. **自定义表格**: 在安卓中,我们通常使用`...
### 无刷新页面更新技术详解:利用Ajax实现定时更新 在现代Web开发中,无刷新页面更新技术(通常称为Ajax)被广泛应用于提高用户体验和页面交互性。通过Ajax,网页可以实现在不重新加载整个页面的情况下,仅更新...
而`DataRefresher`可能是一个C#或VB.NET项目文件,这个项目中包含了实现线程刷新数据功能的代码。 在Windows Forms或WPF应用中,`DataGridView`是一个常用的控件,用于展示表格形式的数据。通常,数据源可以是...
主要用途:当excel表格当数据源时,如excel表格的数据存在公式和透视表时,第三方数据的展示不能自动按公式或透视表数据及时刷新显示,此工具通过定时打开文件列表文件并自动保存的方式,实现数据表的自动更新 ...
这个"Android高级应用源码-自定义表格自动刷新数据.rar"压缩包提供了一个实例,可以帮助开发者理解如何实现这样的功能。下面将详细解释相关知识点。 1. **自定义表格组件**: - 自定义View:Android系统提供的`...
这个"自定义表格自动刷新数据.zip"文件很可能是包含了一个Android项目的源码,用于展示如何实现这样的功能。现在我们来深入探讨这个话题。 首先,Android中的表格通常由`GridView`、`ListView`或`RecyclerView`等...
在开发一个项目时,需要刷新一个UITableView的数据,看到腾讯新闻的那种下拉table释放就刷新数据的体验效果蛮好,所以就仿照腾讯新闻,做了一个这样的Demo,有需要的朋友可以下载。 原理是这样的:放一个UIView在...
本项目“Android应用源码之自定义表格自动刷新数据”提供了一种实现方式,旨在帮助开发者了解并掌握如何在Android应用中创建自定义表格并实现数据的自动刷新功能。 首先,自定义表格通常意味着我们需要扩展Android...
下面,我们将深入探讨如何在安卓应用中实现自定义表格的自动刷新数据功能。 首先,我们需要理解表格在安卓中的基本实现。通常,我们可以使用`GridView`、`ListView`或者`RecyclerView`来展示表格数据。在这些视图中...
1. **无刷新分页**:无刷新分页主要通过Ajax技术实现,利用JavaScript发送异步请求到服务器,获取特定分页的数据,然后更新页面上的表格内容。这种方式避免了整个页面的重新加载,减少了网络流量,提高了响应速度。 ...
具体来说,就是通过JavaScript的定时器,每隔一定时间就向服务器发送请求,获取最新的数据,然后在前端页面上实时更新这些数据,以实现数据的实时动态显示。 一、php基础 php是一种广泛使用的开源服务器端脚本语言...
这个“安卓Android源码——自定义表格自动刷新数据.rar”压缩包提供了实现这一功能的示例源码,帮助开发者了解如何在Android环境中高效地处理动态更新的数据。 首先,我们来看“JavaApk源码说明.txt”。这个文件很...