87,987
社区成员
发帖
与我相关
我的任务
分享
...全文
请发表友善的回复…
发表回复
可能黑客 2019-07-24
- 打赏
- 举报
太长时间了，记不清楚了，现在不怎么用dojo了，不过有点印象，不出意外应该是根据切换按钮的class,然后来添加监听来做的。
现在ing 2016-01-07
- 打赏
- 举报
可能黑客 2016-01-07
- 打赏
- 举报
已解决，来回答下，方便结贴
可能黑客 2015-08-11
- 打赏
- 举报
急求，求大神们指导，代码如下
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>继续学习datagrid</title>
<link rel="stylesheet" href="http://js.arcgis.com/3.13/esri/css/esri.css">
<style>
html, body, #mapDiv {
padding: 0;
margin: 0;
height: 440px;
width:850px;
}
</style>
<script src="http://js.arcgis.com/3.13/"></script>
<link rel="stylesheet" href="http://js.arcgis.com/3.13/dijit/themes/claro/document.css">
<link rel="stylesheet" href="http://js.arcgis.com/3.13/dojox/grid/enhanced/resources/claro/EnhancedGrid.css">
<script>
var map;
require
(['dojo/_base/lang','dojox/grid/EnhancedGrid','dojo/data/ItemFileWriteStore',"dojox/grid/enhanced/plugins/Pagination","dojo/domReady!"]
, function(lang,EnhancedGrid, ItemFileWriteStore,Pagination) {
//以下是datagrid的内容；
/*set up data store*/
var data = {
identifier: "id",
items: []
};
var imgid=-1;
function formatImg(){
imgid++;
var s='play'+imgid.toString();
return "<img class='image'src='detaillogo.jpg'/>"
}
var data_list = [
{ name: "吴", jobposition: "项目经理", skill:"Web"},
{ name: "郭", jobposition:"普通职员", skill:"GIS"},
{ name: "周", jobposition: "普通职员", skill:"ArcGIS Engine"},
];
var rows = 20;
for(var i = 0, l = data_list.length; i < rows; i++)
{
data.items.push(lang.mixin({ id: i+1 }, data_list[i%l]));
}
var store = new ItemFileWriteStore({data: data});
/*set up layout*/
var layout = [[
{'name': '序号', 'field': 'id', 'width': '15%'},
{'name': '名字', 'field': 'name', 'width': '20%'},
{'name': '职位', 'field': 'jobposition', 'width': '20%'},
{'name': '技能', 'field': 'skill', 'width': '20%'},
{name:'详细信息',field:'img',width:'10%',formatter:formatImg,editable:false}
]];
/*create a new grid*/
var grid = new EnhancedGrid({
plugins: {
"pagination": {
//设置默认信息显示行数
defaultPageSize:5,
pageSizes: ['5','10'], //注意必须是字符串
maxPageStep: 3, //在右边最多显示几页
itemTitle: 'items', //默认把每一行称作一个item，当然可以改成别的
descTemplate: '${2} - ${3} of ${1}'
}
} ,
id: 'grid',
rowsPerPage:5,
store: store,
structure: layout,
autoHeight:true,
rowSelector: '0px'});
/*append the new grid to the div*/
grid.placeAt("mapDiv");
/*Call startup() to render the grid*/
grid.startup();
var grid1 = dijit.byId("grid"); var row = grid1.getItem(3);
//根据字段和row来获取单元格
//dojo.byId("play").onmouseover=function(e){alert("调用成功了")};
//首先要能获取当前行的行号 然后才可以根据行号来确定在数组中的下标，进而查询其他信息，显示到同类变化中
for(var i=0;i<dojo.query('.image').length;i++)
{
//先给每个img赋值一个id，用来记录行号，可以表示数组的索引
dojo.query('.image')[i].id=i.toString();
}
for(var i=0;i<dojo.query('.image').length;i++)
{
dojo.query('.image')[i].onclick=lang.hitch(this,function(evt){
alert(" json数组下标是"+evt.currentTarget.id);
});
}
dojo.connect(dojo.byId("grid"),"onMouseOver",function(e){
alert("调用成功了")
})
});
</script>
</head>
<body class="claro">
<div id="mapDiv"></div>
</body>
</html>
