easyui datagrid 行右键生成 动态获取(toolbar) 按钮
var createGridRowContextMenu = function(e, rowIndex, rowData) {
e.preventDefault();
var grid = $(this);/* grid本身 */
var rowContextMenu = this.rowContextMenu;/* grid上的列头菜单对象 */
grid.datagrid('unselectAll').datagrid('selectRow', rowIndex);
if (!rowContextMenu) {
var tmenu = $('').appendTo('body');
var toolbar = grid.datagrid('getToolbar');
var filedHTML = $('');
var span = $('翻页控制');
var spdiv = $('');
for ( var i = 0; i < toolbar.length; i++) {
var btn = $(toolbar[i]).linkbutton('options');
var btnElement = $(toolbar[i]).linkbutton();
var c = $(btnElement).attr("onclick");
$("").html(btn.text).appendTo(tmenu);
//$('').html(btn.text).appendTo(tmenu);
}
spdiv.append('首页');
spdiv.append('上一页');
spdiv.append('下一页');
spdiv.append('末页');
span.appendTo(filedHTML);
spdiv.appendTo(filedHTML);
filedHTML.appendTo(tmenu);
rowContextMenu = this.rowContextMenu = tmenu.menu({
onClick : function(item) {
var fire = $(item.target).attr('fire');
if(fire){
new Function(fire)(); //eval(fire); eval 也是可行的;
}
var pager = grid.datagrid('getPager').pagination('options'); //拿到pager
var pagination = $(item.target).attr('iconCls');
var pageNum = 0
var page = pager.total / pager.pageSize; //总行书 / 每页显示行数 = 总页数
page = Math.ceil(page)
if(pagination == 'pagination-first'){
pageNum = 1;
}
if(pagination == 'pagination-prev'){
pageNum = pager.pageNumber - 1;
}
if(pagination == 'pagination-next'){
pageNum = pager.pageNumber + 1;
}
if(pagination == 'pagination-last'){
pageNum = page;
}
grid.datagrid('getPager').pagination('select',pageNum);
}
});
}else{
}
rowContextMenu.menu('show', {
left : e.pageX,
top : e.pageY
});
var pager = grid.datagrid('getPager').pagination('options'); //拿到pager
var itemFirst = rowContextMenu.menu('findItem','首页');
var itemPrev = rowContextMenu.menu('findItem','上一页');
var itemNext = rowContextMenu.menu('findItem','下一页');
var itemLast = rowContextMenu.menu('findItem','末页');
rowContextMenu.menu('disableItem',itemFirst.target);
rowContextMenu.menu('disableItem',itemPrev.target);
rowContextMenu.menu('disableItem',itemNext.target);
rowContextMenu.menu('disableItem',itemLast.target);
var page = pager.total / pager.pageSize; //总行书 / 每页显示行数 = 总页数
//if(page < 1){ //如果页数小于0
//那么页数 = 1 page = 1;
//}
page = Math.ceil(page)
if(page < 1)
page=page+1;
if(1 < pager.pageNumber && pager.pageNumber < page){
rowContextMenu.menu('enableItem',itemFirst.target);
rowContextMenu.menu('enableItem',itemPrev.target);
rowContextMenu.menu('enableItem',itemNext.target);
rowContextMenu.menu('enableItem',itemLast.target);
}
if(page == pager.pageNumber && pager.pageNumber != 1){
rowContextMenu.menu('enableItem',itemFirst.target);
rowContextMenu.menu('enableItem',itemPrev.target);
}
if(pager.pageNumber == 1 && page != 1){
rowContextMenu.menu('enableItem',itemNext.target);
rowContextMenu.menu('enableItem',itemLast.target);
}
};
$.fn.datagrid.defaults.onRowContextMenu = createGridRowContextMenu;
$.fn.treegrid.defaults.onRowContextMenu = createGridRowContextMenu;
easyui datagrid 行右键生成 动态获取(toolbar) 按钮的更多相关文章
- easyui datagrid行合并
easyui datagrid行合并 合并方法 /** * EasyUI DataGrid根据字段动态合并单元格 * 参数 tableID 要合并table的id * 参数 colList 要合并的列 ...
- Easyui datagrid行内【添加】、【编辑】、【上移】、【下移】
前几天项目中遇到一个需求用到了Easyui datagrd行内添加和编辑数据,同时对行内数据上移下移,所以对这几个功能做个总结. 1.首先大概说下这几个功能里用到的主要方法,行内添加数据主要是添加列的 ...
- 关于EasyUI DataGrid行编辑时嵌入时间控件
本人做一个名为“安徽中控”项目时,为快速开发基础数据增删改模块,遂采用EasyUIDatagrid将所有增删改查的操作都集中于表格中,并且所有增删改查操作都集中于泛型对象,从而不必为每个表写具体的增删 ...
- ASP.NET MVC5+EF6+EasyUI 后台管理系统(83)-Easyui Datagrid 行内编辑扩展
这次我们要从复杂的交互入手来说明一些用法,这才能让系统做出更加复杂的业务,上一节讲述了Datagird的批量编辑和提交本节主要演示扩展Datagrid行内编辑的属性,下面来看一个例子,我开启编辑行的时 ...
- easyui datagrid行编辑中数据联动
easyui的datagrid中行内编辑使用数据联动.即:当编辑产品编号时,该行的产品名称自动根据产品编号显示出来. 在编辑中获取当前行的索引 function getRowIndex(target) ...
- easyui datagrid行中点击a标签链接,行被选中,但是获取不到对应的参数
easyui中使用比较多的就是datagrid了,表格中添加连接,点击跳转,为比较常用的方式;往往在点及标签后调用getSeleted方法会失效; 一.初始代码: {field: 'id',title ...
- EasyUI datagrid添加右键菜单项
js代码 //动态加载数据表格 function InitData() { $('#grid').datagrid({ url: '/Home/Query?r=' + Math.random(), / ...
- easyui datagrid combobox下拉框获取数据问题
最近在使用easyui的datagrid,在可编辑表格中添加一个下拉框,查了下API,可以设置type : 'combobox',来做下拉框,这下拉框是有了,可是这后台数据怎么传过来呢,通过查API可 ...
- 【项目经验】--EasyUI DataGrid之右键菜单
前两天验收项目,老总提了一个不是需求的需求,为什么这么说呢?因为我们的管理不到位!话说当天,我们UI系统下发了一个总文件,上面写着"各个系统找一个没有添加UI的模块去添加最新版本UI进行测试 ...
随机推荐
- Sql Server按树形结构排序查询表记录
http://blog.csdn.net/dxnn520/article/details/8089149 ----------------------------------------------- ...
- 高德地图 室内地图 API 的一些坑
开发指南 http://lbs.amap.com/api/javascript-api/guide/create-map/indoormap/ demo 大全: http://lbs.amap.com ...
- buffer pool
https://dev.mysql.com/doc/refman/5.5/en/glossary.html#glos_buffer_pool buffer pool The memory area t ...
- Java中的virtual method
今天看jcvm的标准的 时候,看到有一个virtual method,感觉很疑惑,以前看Java的时候并没有发现有这类方法. 百度.Google了一下,才发现,Java中普通方法就是virtual m ...
- play for scala 通过网易smtp发送邮件
最近用play来做一个小项目,里面用到了发送邮件的功能.这里我将这部分抽出来分享,毕竟目前来看paly于scala方面的中文资料在网上还是毕竟少,希望我的这篇文章能为有需要的人提供一点思路. 下面写下 ...
- JQ中的延迟对象deferred中的promise等的使用
一.什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作.其中,既有异步的操作(比如ajax读取服务器数据),也有同步的操作(比如遍历一个大型数组),它们 ...
- substr mb_substr mbstrct 的用法区别
1.substr遇到中文会出问题,用于截取英文字符 2.mb_substr() 按字符截取字符串,需要开启php_mbstring.dll <?php echo mb_substr(, , 'u ...
- 用命令实现SQLServerr的备份与还原
一.备份数据库,命令如下: USE master; GO BACKUP DATABASE mytest TO DISK='E:\disk\mytest.bak' /* mytest为数据库名称,'E: ...
- java操作MySQL数据库(插入、删除、修改、查询、获取所有行数)
插播一段广告哈:我之前共享了两个自己写的小应用,见这篇博客百度地图开发的两个应用源码共享(Android版),没 想到有人找我来做毕设了,年前交付,时间不是很紧,大概了解了下就接下了,主要用到的就是和 ...
- zjuoj 3606 Lazy Salesgirl
http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=3606 Lazy Salesgirl Time Limit: 5 Secon ...