dojo enhanced分页用的是pagination,请问怎么添加page切换事件

可能黑客 2015-08-11 10:53:04
如题,请问怎么添加切换事件,比如说 第二页切换到第三页
...全文
223 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
可能黑客 2019-07-24
  • 打赏
  • 举报
回复
太长时间了,记不清楚了,现在不怎么用dojo了,不过有点印象,不出意外应该是根据切换按钮的class,然后来添加监听来做的。
现在ing 2016-01-07
  • 打赏
  • 举报
回复
引用 2 楼 qq_15167261 的回复:
已解决,来回答下,方便结贴
可能黑客 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>

87,937

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧