dojo应用之dataGrid

最新推荐文章于 2018-11-13 17:17:00 发布
最新推荐文章于 2018-11-13 17:17:00 发布
阅读量157 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： dojo 文章标签： Dojo PHP prototype HTML JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iteye_1256/article/details/82003507

这次项目中，应用例子的总结，该篇文章主要总结datagrid的使用方法。

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<style type="text/css">
			@import "../../../dojoroot/dojo/resources/dojo.css";
			@import "../../../dojoroot/dojox/grid/resources/Grid.css";
			@import "../../../dojoroot/dijit/themes/tundra/tundra.css";

	body {
			font-size: 0.9em;
			font-family: Geneva, Arial, Helvetica, sans-serif;
		}
		.heading {
			font-weight: bold;
			padding-bottom: 0.25em;
		}
		#grid, #grid2 {
			width: 80%;
			height: 30em;//??
			padding: 1px;
                       
		}
       th {text-align:center;}
	</style>
	<script type="text/javascript" src="../../../dojoroot/dojo/dojo.js" 
		djConfig="isDebug:false, parseOnLoad: true"></script>
    <script type="text/javascript" src="js/common.js" ></script>
    <script type="text/javascript">
	dojo.require("dijit.dijit");
	dojo.require("dojox.grid.DataGrid");
	dojo.require("dojo.data.ItemFileWriteStore");
	dojo.require("dojo.data.ItemFileReadStore");
	dojo.require("dojo.parser");
	
	var emptyData = { identifier: 'id', label: 'id', items: []}; 	
	var jsonStore = new dojo.data.ItemFileWriteStore({data: emptyData}); 
	</script>
     <script type="text/javascript">
	var equal = Url.encode("=");
	 /**
	 处理datagrid中的连接跳转问题，具体使用见下方
	 */
	function SensorLayer4Format(value, rowIndex){
		var grid =  dijit.byId("grid");  //得到grid的handle
		var prototype = grid.store.getValue(grid.getItem(rowIndex), "porttype");  //得到grid的store之中的具体的某个数值，‘prototype’是数值中item:[{..}]之中的一个值。
		var proto = grid.store.getValue(grid.getItem(rowIndex), "port_proto");//同上
		var url_port = Url.encode(grid.store.getValue(grid.getItem(rowIndex), "url_port"));//对得到的数据进行encode，代码在common.js中。
		/**
		  之下这些是返回相应的处理，value即使传进来的值，rowindex是当前处理的是第几项纪录，可以根据自己的需要进行修改
		*/
		var stcp = "<a href=\"/html/ips/log/ips_stat_sensor.html?url=ips_stat_sensor.php?tcp_port[0][0]=+&tcp_port[0][1]=layer4_sport&tcp_port[0][2]="+equal+"&tcp_port[0][3]="+url_port+"&tcp_port[0][4]=+&tcp_port[0][5]=+&tcp_port_cnt=1&layer4=TCP&sort_order=&num_result_rows=-1&current_view=-1\">" +value+"</a>";
		var sudp = "<a href=\"/html/ips/log/ips_stat_sensor.html?url=ips_stat_sensor.php?udp_port[0][0]=+&udp_port[0][1]=layer4_sport&udp_port[0][2]="+equal+"&udp_port[0][3]="+url_port+"&udp_port[0][4]=+&udp_port[0][5]=+&udp_port_cnt=1&layer4=UDP&sort_order=&num_result_rows=-1&current_view=-1\">" +value+ "</a>";
		
		var dtcp = "<a href=\"/html/ips/log/ips_stat_sensor.html?url=ips_stat_sensor.php?tcp_port[0][0]=+&tcp_port[0][1]=layer4_dport&tcp_port[0][2]="+equal+"&tcp_port[0][3]="+url_port+"&tcp_port[0][4]=+&tcp_port[0][5]=+&tcp_port_cnt=1&layer4=TCP&sort_order=&num_result_rows=-1&current_view=-1\">" +value+"</a>";
		var dudp = "<a href=\"/html/ips/log/ips_stat_sensor.html?url=ips_stat_sensor.php?udp_port[0][0]=+&udp_port[0][1]=layer4_dport&udp_port[0][2]="+equal+"&udp_port[0][3]="+url_port+"&udp_port[0][4]=+&udp_port[0][5]=+&udp_port_cnt=1&layer4=UDP&sort_order=&num_result_rows=-1&current_view=-1\">" +value+ "</a>";
		if(prototype ==1){
			if(proto == 17){
			  return sudp;
			}else{
			  return stcp;
			}
		}else{
		   if(proto == 17){
			  return dudp;
			}else{
			  return dtcp;
			}
		}
	}
	//该函数同上，不再赘述
	function OccurrencesLayer4Format(value, rowIndex){
		var grid =  dijit.byId("grid");
		var prototype = grid.store.getValue(grid.getItem(rowIndex), "porttype");
		var proto = grid.store.getValue(grid.getItem(rowIndex), "port_proto");
		var url_port = Url.encode(grid.store.getValue(grid.getItem(rowIndex), "url_port"));
		var stcp = "<a href=\"/html/ips/log/ips_qry_main.html?url=ips_qry_main.php?tcp_port[0][0]=+&tcp_port[0][1]=layer4_sport&tcp_port[0][2]="+equal+"&tcp_port[0][3]="+url_port+"&tcp_port[0][4]=+&tcp_port[0][5]=+&tcp_port_cnt=1&layer4=TCP&sort_order=&num_result_rows=-1&current_view=-1&new=1&submit=Query+DB&sort_order=sig_a\">" +value+"</a>";
		var sudp = "<a href=\"/html/ips/log/ips_qry_main.html?url=ips_qry_main.php?udp_port[0][0]=+&udp_port[0][1]=layer4_sport&udp_port[0][2]="+equal+"&udp_port[0][3]="+url_port+"&udp_port[0][4]=+&udp_port[0][5]=+&udp_port_cnt=1&layer4=UDP&sort_order=&num_result_rows=-1&current_view=-1&new=1&submit=Query+DB&sort_order=sig_a\">" +value+ "</a>";
		
		var dtcp = "<a href=\"/html/ips/log/ips_qry_main.html?url=ips_qry_main.php?tcp_port[0][0]=+&tcp_port[0][1]=layer4_dport&tcp_port[0][2]="+equal+"&tcp_port[0][3]="+url_port+"&tcp_port[0][4]=+&tcp_port[0][5]=+&tcp_port_cnt=1&layer4=TCP&sort_order=&num_result_rows=-1&current_view=-1&new=1&submit=Query+DB&sort_order=sig_a\">" +value+"</a>";
		var dudp = "<a href=\"/html/ips/log/ips_qry_main.html?url=ips_qry_main.php?udp_port[0][0]=+&udp_port[0][1]=layer4_dport&udp_port[0][2]="+equal+"&udp_port[0][3]="+url_port+"&udp_port[0][4]=+&udp_port[0][5]=+&udp_port_cnt=1&layer4=UDP&sort_order=&num_result_rows=-1&current_view=-1&new=1&submit=Query+DB&sort_order=sig_a\">" +value+ "</a>";
		
		if(prototype ==1){
			if(proto == 17){
			  return sudp;
			}else{
			  return stcp;
			}
		}else{
		   if(proto == 17){
			  return dudp;
			}else{
			  return dtcp;
			}
		}
	}
	
	function UniqueEventsLayer4Format(value, rowIndex){
		var grid =  dijit.byId("grid");
		var prototype = grid.store.getValue(grid.getItem(rowIndex), "porttype");
		var proto = grid.store.getValue(grid.getItem(rowIndex), "port_proto");
		var url_port = Url.encode(grid.store.getValue(grid.getItem(rowIndex), "url_port"));
		var stcp = "<a href=\"/html/ips/log/ips_stat_alerts.html?url=ips_stat_alerts.php?tcp_port[0][0]=+&tcp_port[0][1]=layer4_sport&tcp_port[0][2]="+equal+"&tcp_port[0][3]="+url_port+"&tcp_port[0][4]=+&tcp_port[0][5]=+&tcp_port_cnt=1&layer4=TCP&sort_order=&num_result_rows=-1&current_view=-1&sort_order=sig_a\">" +value+"</a>";
		
		var sudp = "<a href=\"/html/ips/log/ips_stat_alerts.html?url=ips_stat_alerts.php?udp_port[0][0]=+&udp_port[0][1]=layer4_sport&udp_port[0][2]="+equal+"&udp_port[0][3]="+url_port+"&udp_port[0][4]=+&udp_port[0][5]=+&udp_port_cnt=1&layer4=UDP&sort_order=&num_result_rows=-1&current_view=-1&sort_order=sig_a\">" +value+ "</a>";
		
		var dtcp = "<a href=\"/html/ips/log/ips_stat_alerts.html?url=ips_stat_alerts.php?tcp_port[0][0]=+&tcp_port[0][1]=layer4_dport&tcp_port[0][2]="+equal+"&tcp_port[0][3]="+url_port+"&tcp_port[0][4]=+&tcp_port[0][5]=+&tcp_port_cnt=1&layer4=TCP&sort_order=&num_result_rows=-1&current_view=-1&sort_order=sig_a\">" +value+"</a>";
		
		var dudp = "<a href=\"/html/ips/log/ips_stat_alerts.html?url=ips_stat_alerts.php?udp_port[0][0]=+&udp_port[0][1]=layer4_dport&udp_port[0][2]="+equal+"&udp_port[0][3]="+url_port+"&udp_port[0][4]=+&udp_port[0][5]=+&udp_port_cnt=1&layer4=UDP&sort_order=&num_result_rows=-1&current_view=-1&sort_order=sig_a\">" +value+ "</a>";
		if(prototype ==1){
			if(proto == 17){
			  return sudp;
			}else{
			  return stcp;
			}
		}else{
		   if(proto == 17){
			  return dudp;
			}else{
			  return dtcp;
			}
		}
	}
	
	function SrcIpLayer4Format(value, rowIndex){
		var grid =  dijit.byId("grid");
		var prototype = grid.store.getValue(grid.getItem(rowIndex), "porttype");
		var proto = grid.store.getValue(grid.getItem(rowIndex), "port_proto");
		var url_port = Url.encode(grid.store.getValue(grid.getItem(rowIndex), "url_port"));
		var stcp = "<a href=\"/html/ips/log/ips_stat_uaddr.html?url=ips_stat_uaddr.php?tcp_port[0][0]=+&tcp_port[0][1]=layer4_sport&tcp_port[0][2]="+equal+"&tcp_port[0][3]="+url_port+"&tcp_port[0][4]=+&tcp_port[0][5]=+&tcp_port_cnt=1&layer4=TCP&sort_order=&num_result_rows=-1&current_view=-1&addr_type=1&sort_order=addr_a\">" +value+"</a>";
		var sudp = "<a href=\"/html/ips/log/ips_stat_uaddr.html?url=ips_stat_uaddr.php?udp_port[0][0]=+&udp_port[0][1]=layer4_sport&udp_port[0][2]="+equal+"&udp_port[0][3]="+url_port+"&udp_port[0][4]=+&udp_port[0][5]=+&udp_port_cnt=1&layer4=UDP&sort_order=&num_result_rows=-1&current_view=-1&addr_type=1&sort_order=addr_a\">" +value+ "</a>";
		
		
		var dtcp = "<a href=\"/html/ips/log/ips_stat_uaddr.html?url=ips_stat_uaddr.php?tcp_port[0][0]=+&tcp_port[0][1]=layer4_dport&tcp_port[0][2]="+equal+"&tcp_port[0][3]="+url_port+"&tcp_port[0][4]=+&tcp_port[0][5]=+&tcp_port_cnt=1&layer4=TCP&sort_order=&num_result_rows=-1&current_view=-1&addr_type=1&sort_order=addr_a\">" +value+"</a>";
		var dudp = "<a href=\"/html/ips/log/ips_stat_uaddr.html?url=ips_stat_uaddr.php?udp_port[0][0]=+&udp_port[0][1]=layer4_dport&udp_port[0][2]="+equal+"&udp_port[0][3]="+url_port+"&udp_port[0][4]=+&udp_port[0][5]=+&udp_port_cnt=1&layer4=UDP&sort_order=&num_result_rows=-1&current_view=-1&addr_type=1&sort_order=addr_a\">" +value+ "</a>";
		
		if(prototype ==1){
			if(proto == 17){
			  return sudp;
			}else{
			  return stcp;
			}
		}else{
		   if(proto == 17){
			  return dudp;
			}else{
			  return dtcp;
			}
		}
	}
	
	function DstIpLayer4Format(value, rowIndex){
		var grid =  dijit.byId("grid");
		var prototype = grid.store.getValue(grid.getItem(rowIndex), "porttype");
		var proto = grid.store.getValue(grid.getItem(rowIndex), "port_proto");
		var url_port = Url.encode(grid.store.getValue(grid.getItem(rowIndex), "url_port"));
		var stcp = "<a href=\"/html/ips/log/ips_stat_uaddr.html?url=ips_stat_uaddr.php?tcp_port[0][0]=+&tcp_port[0][1]=layer4_sport&tcp_port[0][2]="+equal+"&tcp_port[0][3]="+url_port+"&tcp_port[0][4]=+&tcp_port[0][5]=+&tcp_port_cnt=1&layer4=TCP&sort_order=&num_result_rows=-1&current_view=-1&addr_type=2&sort_order=addr_a\">" +value+"</a>";
		var sudp = "<a href=\"/html/ips/log/ips_stat_uaddr.html?url=ips_stat_uaddr.php?udp_port[0][0]=+&udp_port[0][1]=layer4_sport&udp_port[0][2]="+equal+"&udp_port[0][3]="+url_port+"&udp_port[0][4]=+&udp_port[0][5]=+&udp_port_cnt=1&layer4=UDP&sort_order=&num_result_rows=-1&current_view=-1&addr_type=2&sort_order=addr_a\">" +value+ "</a>";
		
		var dtcp = "<a href=\"/html/ips/log/ips_stat_uaddr.html?url=ips_stat_uaddr.php?tcp_port[0][0]=+&tcp_port[0][1]=layer4_dport&tcp_port[0][2]="+equal+"&tcp_port[0][3]="+url_port+"&tcp_port[0][4]=+&tcp_port[0][5]=+&tcp_port_cnt=1&layer4=TCP&sort_order=&num_result_rows=-1&current_view=-1&addr_type=2&sort_order=addr_a\">" +value+"</a>";
		var dudp = "<a href=\"/html/ips/log/ips_stat_uaddr.html?url=ips_stat_uaddr.php?udp_port[0][0]=+&udp_port[0][1]=layer4_dport&udp_port[0][2]="+equal+"&udp_port[0][3]="+url_port+"&udp_port[0][4]=+&udp_port[0][5]=+&udp_port_cnt=1&layer4=UDP&sort_order=&num_result_rows=-1&current_view=-1&addr_type=2&sort_order=addr_a\">" +value+ "</a>";
		if(prototype ==1){
			if(proto == 17){
			  return sudp;
			}else{
			  return stcp;
			}
		}else{
		   if(proto == 17){
			  return dudp;
			}else{
			  return dtcp;
			}
		}
	}
		
	
	</script>
	<script type="text/javascript">
	//定义布局，或者可以直接在html代码中编写，写法这里不再提供
	var layoutFlickrData ={cells:{[
		[
		{ name: "Port", field: "port", width: '11%' },
		{ name: "Sensor", field: "sensornum", width: '15%' ,formatter:SensorLayer4Format},
	        { name: "Occurrences", field: "totalnum", width: '11%',formatter:OccurrencesLayer4Format},
                { name: "Unique Events", field: "uniquenum", width: '11%' ,formatter:UniqueEventsLayer4Format},
                { name: "Src.Addr.", field: "srcip", width: '11%' ,formatter:SrcIpLayer4Format},
                { name: "Dest.Addr.", field: "dstip", width: '11%' ,formatter:DstIpLayer4Format},
                { name: "First", field: "first", width: '15%' },
                { name: "Last", field: "last", width: '15%' }
		]
	]}};
	
        dojo.addOnLoad(function(){
			dojo.connect(window, "resize", grid, "resize");
			
		});
   var url = getURL();
		if(!url){
		   alert("Bad url!");
		}else{
			updateData(webpath+url);//update函数在common.js中提供
	    }
		
		/**
		数据类型：
		{'identifier':'id','idAttribute':'id','pagesize':48,'current_view':0,'allrows':261,'label':'id','items':[{'id':0,'porttype':1,'port_proto':'6','url_port':'80 ','port':'80 [sans] [tantalo] [sstats] ','sensornum':1,'totalnum':6,'uniquenum':1,'srcip':1,'dstip':1,'first':'2011-01-20 17:26:53.073+008','last':'2011-01-20 17:26:53.073+008'},{'id':1,'porttype':1,'port_proto':'6','url_port':'443 ','port':'443 / tcp [sans] [tantalo] [sstats] ','sensornum':1,'totalnum':25,'uniquenum':1,'srcip':1,'dstip':1,'first':'2011-01-20 17:43:17.706+008','last':'2011-01-20 17:43:18.978+008'}]}
		
		pagesize:每页展示多少数据
		allrows：该项查询共有多少数据
		current_view：当前是第几页，第一页为0
		*/
	</script>
</HEAD>
<BODY class="tundra">
<div style='text-align:center;margin:auto'><span id="pagelabel"></span></div>
<BR>

  <TABLE CELLSPACING=0 CELLPADDING=2 BORDER=0 WIDTH="100%" BGCOLOR="#000000">
    <TR>
      <TD><TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH="100%" BGCOLOR="#FFFFFF">
          <!-- 开始定义datagrid -->
          <TR>
            <TD>
            <!--  说明 escapeHTMLInData属性为false，则不会展示源代码，例如，返回的数据包含html代码，如果不设置或者这是为true，则会将源代码展示出来，如果设置成false，则和html页面在浏览器中展现的效果相同  -->
            <div dojoType="dojox.grid.DataGrid" class="tundra"
		jsid="grid" id="grid"  escapeHTMLInData="false" style="width:100%"
		store="jsonStore" query="{ id: '*' }" rowsPerPage="20" rowSelector="5px" structure="layoutFlickrData">
	   </div>
       <!--  这部分是提供分页使用的原始数据，返回根据返回的数据类型进行填值 -->
     <input type="hidden" name="num_result_rows" id="num_result_rows" value="" ></input>
        <input type="hidden" name="current_view" id="current_view" value="" ></input>
        <input type="hidden" name="pagesize" id="pagesize" value="" ></input>
            
            </TD>
          </TR>
          <tr>
<td>
<!-- 分页按钮以及分页下拉列表框   -->
<div style="padding: 0px; position: static; text-indent: 0px; padding: 0px;" class="dojoxGridHeader"  dojoAttachPoint="buttonBar">
        <div style="width: 100%; text-indent: 0px; padding: 0px;" class="dojoxGridCell">
            <button dojoType="dijit.form.Button" onClick="prevPage();"  style="float: left;">prev</button>
            <button dojoType="dijit.form.Button"  onClick="nextPage();" style="float: right">next</button>
            <span id="pagenum" style="text-align:center">
            </span>
        </div>
    </div>
</td>
</tr>
        </TABLE></TD>
    </TR>
  </TABLE>

<P> 
</P>
</BODY>
</HTML>

 

详情查看附件，附件包含源代码、效果图以及辅助代码，令有dojo datagrid分页源代码

 

 

DataGrid关于button的相关操作
xzchenxiao的专栏
11-23 1454
这两天做相关设计，需要使用grid，遇到一些问题，解决了，把经验写下来，与大家共勉！ 实现目标内容会根据引入数据不同而出现不同的button，发现当直接写入value：这种形式时，grid.cell会直接将起解释为文本，而不会翻译为html语言，查找资料后，引入formatter可以解决这个问题，使用formatter调用函数，在函数里定义一个包含button的string语句，retu
dojo的datagrid使用
01-27
一个dojo的datagrid的使用方面注意以及提醒的例子，包含datagrid的分页算法demo
Dojo1.6官方教程：连接DataGrid和Store
jinghuainfo
08-06 182
原作者：Kris Zyp 原文链接：http://dojotoolkit.org/documentation/tutorials/1.6/store_driven_grid/ 译者：zhuxw(zhuxw1984@gmail.com) 鉴于DataGrid对于表格数据的有效呈现，它早已成为许多应用的核心组件之一。在本教程中，我们将着眼于如何为grid连上store（Dojo的客户端数据集...
dojo的DataGrid
默默的小熊
03-24 170
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; ..
DojoX DataGrid
qingqingzijinxin的专栏
08-11 551
DojoX DataGrid
dojo学习总结-dojox.grid.DataGrid
shuangmubuchenglin的博客
01-29 361
dojo学习总结-dojox.grid.DataGrid 一、使用场景 服务端获得的DataTable转化为Json格式后传递给客户端dojo,dojo将json数据直接绑定在dojox.grid.DataGrid上 二、基本用法 1.客户端页面DataToJson.aspx返回一个Json数据 private void Json() { ...
Dojo DataGrid分页功能的初学者示例
2. **demo的重要性**: Demo在这里指的是演示代码，它展示了如何实际应用Dojo中的DataGrid和分页功能。演示代码对学习者来说非常有价值，因为它提供了一个直观的实例，展示了如何把理论知识应用到具体的代码实践中。 ...
dojo datagrid分页功能实现示例教程
### 知识点：Dojo DataGrid 分页功能 #### 1. Dojo 框架概述 Dojo 是一个开放源码的JavaScript框架，用于构建跨平台的Web 2.0应用程序。它提供了强大的界面组件、工具和核心JavaScript库来帮助开发人员实现复杂的...
Dojo datagrid分页功能使用示例及注意事项
### dojo的datagrid使用 #### 知识点一：什么是Dojo Dojo 是一个开源的 JavaScript 工具库和框架，它帮助开发者快速开发 Web2.0 应用程序。Dojo 包含了各种功能强大的组件，比如 UI 组件、数据操作工具、动画效果...
Spring Web MVC与Dojo整合教程及DataGrid实践
例如，在使用DataGrid组件时，需要在Java后端准备好数据，并通过Dojo的AJAX功能将其异步加载到前端的DataGrid中。 四、具体案例分析：DataGridTest 在压缩包子文件的文件名称列表中，提到了一个名为“DataGridTest...
dojo DataGrid使用一
wangli61289的专栏
08-15 3667
dojo DataGrid使用(-)-----------通过html静态构建grid Insert title here      @import "js/dojo/dojox/grid/resources/tundraGrid.css";    @import "js/dojo/dojo/resources/dojo.css";
dojo datagrid学习（一）
weixin_30362233的博客
11-13 111
基础datagrid表单创建 1 <!DOCTYPE html> 2 <html> 3 <head> 4 5 <link rel="stylesheet" href="https://dojotoolkit.org/reference-guide/1.10/_static/js/dojo/../dijit/t...
dojo DataGrid使用二
wangli61289的专栏
08-15 1473
dojo DataGrid使用(二)-----------动态构建grid       #gridDiv {     height: 20em; }  dojoConfig = {async: true, parseOnLoad: false}          require(['dojo/_base/lang', 'dojox/grid/DataG
dojo小例子（23）EnhancedGrid、DataGrid当加载完成后获取记录总数
earthhour的专栏
07-25 1711
require(["dojo/aspect"]); aspect.after(grid, "_onFetchComplete", function() { if( ! vehicleGrid.getTotalRowCount() ) { listVehicle_hasData.hidden = true; } });
dojo DataGrid使用三
wangli61289的专栏
08-15 2301
dojo DataGrid使用三-----通过外部文件构建数据              dojo.require("dojo.data.ItemFileWriteStore");    dojo.require("dojox.grid.DataGrid");    // 下面两个包用来创建右键弹出菜单  dojo.require("dijit.Menu");
dojox.grid.DataGrid显示数据的方法（转）
diaosu3231的博客
05-07 192
第一种：数据存在本地或者已经写死的JSON对象中，不需要跟服务端进行数据传输 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTM...
Dojo 1.6 官方教程： DataGrid导引
jinghuainfo
07-14 205
原作者：Bryan Forbes 原文链接：http://dojotoolkit.org/documentation/tutorials/1.6/datagrid/ 译者：zhuxw (zhuxw1984@gmail.com) 鉴于DataGrid对于表格数据的有效呈现，它早已成为许多应用的核心组件之一。在本教程中，我们将着眼于如何定义grid的布局结构，并讨论DataGrid所采用的滚屏机制。...
dojox.grid.DataGrid 编程篇(2) -- 方法与事件
Lullaby's Blog
09-14 8398
dojox.grid.DataGrid 组件还提供了一些方法，使用者利用这些方法可以进一步丰富表格的表现体验。1. 获取、修改任一单元格的数据：取得第3行，字段"f3"的值var grid = dijit.byId("grid1"); var row = grid.getItem(3); // 获取值 var value = grid.store.getValue(row, "f3"); // 修
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值