<HTML>
<HEAD>
<TITLE>grid</TITLE>
<script src="src/prototype.js" type="text/javascript"></script>
<script src="src/rico.js" type="text/javascript"></script>
<script type="text/javascript">
//-----------------------------------------------------------------
//init data - begin
var xmlDoc, rows, text;
var eleNum=0;
function increaseData( )
{
//tr
var tr=xmlDoc.createElement("tr");
//td1
var td1=xmlDoc.createElement("td");
tr.appendChild(td1);
var newtext=xmlDoc.createTextNode( "data" + eleNum + "1" );
td1.appendChild(newtext);
//td2
var td2=xmlDoc.createElement("td");
tr.appendChild(td2);
var newtext=xmlDoc.createTextNode( "data" + eleNum + "2" );
td2.appendChild(newtext);
xmlDoc.documentElement.appendChild(tr);
eleNum ++;
}
//-----------------------------------------------------------------
//construct data: method 1:
/*
eleNum=10;
txt = "<?xml version='1.0'?>"
+ "<rows>"
+ "<tr><td>W1</td><td>10248th</td></tr>"
+ "<tr><td>T2</td><td>10249th</td></tr>"
+ "<tr><td>H3</td><td>10250th</td></tr>"
+ "<tr><td>V4</td><td>10251th</td></tr>"
+ "<tr><td>S5</td><td>10252th</td></tr>"
+ "<tr><td>V6</td><td>10251th</td></tr>"
+ "<tr><td>S7</td><td>10252th</td></tr>"
+ "<tr><td>V8</td><td>10251th</td></tr>"
+ "<tr><td>S9</td><td>10252th</td></tr>"
+ "</rows>";
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.loadXML(txt);
rows = xmlDoc.getElementsByTagName("rows")[0];
*/
//-----------------------------------------
//construct data: method 2:
///*
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
var newPI=xmlDoc.createProcessingInstruction("xml","version='1.0' encoding='UTF-8'");
xmlDoc.appendChild(newPI);
//root Element
rows=xmlDoc.createElement("rows");
xmlDoc.appendChild(rows);
//*/
//init data - end
//-----------------------------------------------------------------
</script>
<script type="text/javascript">
Rico.loadModule('LiveGridAjax');
Rico.include('greenHdg.css');
var grid;
Rico.onLoad( function() {
var opts = { prefetchBuffer: true,
visibleRows : 6 };
var rbb = new Rico.Buffer.Base( rows );
grid=new Rico.LiveGrid ('gridTable', rbb, opts);
});
</script>
<script type="text/javascript">
function refreshData(){
grid.clearRows();
grid.buffer.clear();
grid.cancelMenu();
grid.ClearSelection();
grid.setImages();
grid.buffer.loadRowsFromTable(rows);
grid.buffer.fetch( grid.topOfLastPage() );
grid.scrollToRow( grid.topOfLastPage() );
}
</script>
</HEAD>
<body>
<button onclick="javascript:refreshData();">refresh data</button>
<button onclick="javascript:increaseData();">increase data</button>
<div id="gridDiv">
<table id="gridTable">
<colgroup>
<col style='width: 200px;'>
<col style='width: 200px;'>
</colgroup>
<tbody>
<tr>
<th>a</th>
<th>b</th>
</tr>
</tbody>
</table>
</div>
</body>
</html>
分享到：
相关推荐
从开始构建动态Web应用程序起，开发人员一直都是使用传统分页技术。每当需要显示大量的数据时，都要使用分页技术来每次显示一部分...本文介绍了如何使用Rico LiveGrid小部件轻松地在Web应用程序中添加Ajax风格的导航。
标题中的“puerto-rico-latest-free.shp.zip”表明这是一个关于波多黎各地理信息的数据包，且以shp格式存储。shp是ESRI Shapefile的缩写，是一种广泛用于地理信息系统（GIS）的矢量数据格式，能够存储点、线、面等...
在本文档中，Mr.Rico详细讲解了编解码框架的多个关键知识点，包括码流结构、帧类型、条带、宏块、预测编码、运动估计、变换编码、量化等方面。 首先，码流结构是视频数据的二进制表示形式，包含了视频图像序列的...
视频编解码的理论基础涵盖了从为什么需要视频压缩，到视频数据是如何被压缩，以及视频压缩的相关分类和编解码器的实现等多个方面。 首先，讨论为什么要进行视频压缩。未经压缩的数字视频数据量是巨大的，这会带来两...
- **XML 数据解析**：如果服务器返回的是 XML 数据，可以利用 AjaxEngine 内置的方法来提取所需的数据，并更新页面上的表单字段或表格。 - **XSLT 转换**：AjaxEngine 支持直接在客户端运行 XSLT 转换来转换 XML ...
视频传输中的差错控制技术主要包括差错检测、差错恢复、差错隐藏等方面，其目的是为了确保视频数据在传输过程中尽可能地减少或避免错误，从而保证视频质量的稳定性。差错控制技术可以通过信源编码和信道编码两种方式...
熵编码是一种无损压缩方法，它利用数据中的统计冗余来减少数据的编码长度。常见的熵编码方法有霍夫曼编码（Huffman Coding）、算术编码（Arithmetic Coding）等。熵编码的基本原理是频繁出现的数据使用较短的码字...
编码标准则是一系列用于视频数据编码的规则和协议，其目的是确保不同设备和软件平台之间能够正确地处理和解码视频数据。 视频编解码学习的第四章主要讨论了视频处理及其相关技术。视频处理包括预处理和后处理，...
在Rico2.0中，`resizable table`组件允许用户动态调整表格列宽，以适应不同的数据展示需求。这一特性对于处理大量数据或需要对比不同列宽情况下的信息时特别有用。它通过JavaScript实现，无需刷新页面，用户只需简单...
mysql> CREATE USER 'rico'@'localhost' IDENTIFIED BY 'rico'; mysql> CREATE DATABASE rico; mysql> GRANT ALL PRIVILEGES ON rico . * TO 'rico'@'localhost'; mysql> FLUSH PRIVILEGES; 设置 xu@calypso:~
数据存储在Firebase实时数据库（由处理）中，音乐数据从Spotify（由处理）中。 要求 Python 3.9以上 pip install -r requirements.txt以在本地测试时安装软件包（请记住使用virtualenv） 配置与部署 请参考创建一个...
本项目名为"Calculadora Calculo Numérico"，是一款开源的计算工具，专为解决数学中的数值计算问题而设计。它提供了两种强大的算法：二分法和牛顿法，用于寻找函数的零点，即根。在数学中，找到一个函数的根常常是...
4. **AJAX**：Asynchronous JavaScript and XML（异步JavaScript和XML）是一种创建动态网页的技术，可以让网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。Rico库提供的AJAX功能可能包括创建...
4. **Ajax工具**：库中包含了处理异步数据交换的函数，能够轻松实现后台数据的无刷新加载，提供更流畅的用户体验。 5. **DOM操作**：Rico提供了对DOM（文档对象模型）的简便操作，包括查找、创建、修改和删除元素，...
Rico Ajax库是Java Web开发中的一个工具包，它为开发者提供了在服务器端与客户端之间进行异步数据交换的能力。Rico库可能包含了多种Ajax组件和实用工具，使得开发者可以创建高度动态和交互性的Web应用程序。 **2. ...
在本主题中，我们将深入探讨如何使用基于Prototype的Rico组件来动态地读取大量数据。 Prototype是一个流行的JavaScript库，它提供了一系列的工具和函数，简化了DOM操作、事件处理以及Ajax交互。Rico是基于Prototype...
地形数据在IT行业中，特别是在地理信息系统（GIS）、游戏开发、遥感分析以及地球科学等领域具有重要的应用价值。本文将详细探讨“Cerro Rico terrain_terrain_”这一主题，结合提供的文件，我们主要关注Cerro Rico山...
767 mediacloud_states.csv google_trends.csv mediacloud_hurricanes.csv mediacloud_top_online_news.csv mediacloud_trump.csv README.md tv_hurricanes.csv tv_hurricanes_by_network.csv ...
（文本检测）获取图像的元数据以确定诸如拍摄图像的位置，设置和相机类型之类的信息。前端使用Angular上传和显示图像。上载的图像显示在缩略图网格中。可以单击每个缩略图以查看iamge的所有AI结果。 SQL Server跟踪...
做Ajax的朋友恐怕都听说过rico，这个是新出的 rico 1.1.0稳定版本，rico用到了prototype库，因此压缩包内还附带了prototype 1.4，另外还有RicoAjaxEngine.pdf ，可惜是英文的。 网址是：...