首页 > 其他 > 详细

dojox.grid.DataGrid

时间:2014-04-18 21:28:40      阅读:593      评论:0      收藏:0      [点我收藏+]
创建表格
<table data-dojo-type="dojox.grid.DataGrid" data-dojo-id="grid" style="height: 90%" id="grid" data-dojo-props="rowsPerPage:‘5‘">
  <thead>
    <tr>
      <th field="name" width="100%">项目名称</th>
    </tr>
  </thead>
</table>
1、清除数据
var newStore = new dojo.data.ItemFileReadStore({data: {  identifier: "",  items: []}});
var grid = dijit.byId("grid");
grid.setStore(newStore);

2、增加数据
bubuko.com,布布扣

/**
* 显示地图点.
* json的格式[{"name":"name1","x":"x1","y":"y1","img":"img1","content":"content1"}...]
*/

var griddata = {
  //类似于主键,值唯一,唯一标示一个graphic
  identifier: "PROJECT_ID",  //This field needs to have unique values
  label: "PROJECT_ID", //Name field for display. Not pertinent to a grid but may be used elsewhere.
  items: json
};
//Create data store and bind to grid.
var store = new dojo.data.ItemFileReadStore({ data:griddata });
var grid = dijit.byId(‘grid‘);
grid.setStore(store);
              
//表格行点击的监听事件,关联到地图
dojo.connect(grid, "onRowClick", onRowClickHandler);
bubuko.com,布布扣

 

//点击项目名称列表
function onRowClickHandler(evt){
  var clickedTaxLotId = grid.getItem(evt.rowIndex).name;
  alert(clickedTaxLotId.toString());
}

  

dojox.grid.DataGrid,布布扣,bubuko.com

dojox.grid.DataGrid

原文:http://www.cnblogs.com/marost/p/3670866.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!