Easyui Datagrid扩展fixRownumber方法
首先,从datagrid生成的代码,我们可以发现,在rowNumber上都有特定的class标记,datagrid-cell-rownumber,datagrid-header-rownumber.
$.extend($.fn.datagrid.methods, {
fixRownumber : function (jq) {
return jq.each(function () {
var panel = $(this).datagrid("getPanel");
//获取最后一行的number容器,并拷贝一份
var clone = $(".datagrid-cell-rownumber", panel).last().clone();
//由于在某些浏览器里面,是不支持获取隐藏元素的宽度,所以取巧一下
clone.css({
"position" : "absolute",
left : -1000
}).appendTo("body");
var width = clone.width("auto").width();
//默认宽度是25,所以只有大于25的时候才进行fix
if (width > 25) {
//多加5个像素,保持一点边距
$(".datagrid-header-rownumber,.datagrid-cell-rownumber", panel).width(width + 5);
//修改了宽度之后,需要对容器进行重新计算,所以调用resize
$(this).datagrid("resize");
//一些清理工作
clone.remove();
clone = null;
} else {
//还原成默认状态
$(".datagrid-header-rownumber,.datagrid-cell-rownumber", panel).removeAttr("style");
}
});
}
});
JS:
$("#easyui-datagrid").datagrid({
onLoadSuccess : function () {
$(this).datagrid("fixRownumber");
}
});
最新文章
- 80端口被占用,pid=4强制杀进程杀不掉
- POJ 3440 Coin Toss(概率)
- html5引用公共头尾
- 漫游Kafka实现篇之分布式
- ArcGIS Engine实现LAS数据集转RASTER
- SDUT 2523 OOXX
- GCC内嵌汇编
- 二.redis 数据类型
- JVM调优总结:分代垃圾回收详述
- SSH深度历险(七) 剖析SSH核心原理(一)
- 怎么对MySQL数据库操作大数据?这里有思路
- align-content 与 align-items 区别
- C++ 控制台推箱子小游戏
- [POJ1220]NUMBER BASE CONVERSION (高精,进制转换)
- Linux系统-tcpdump常用抓包命令
- Effective Java 第三版——48. 谨慎使用流并行
- oracle中索引的使用
- iOS:当点击 FormSheet 之外时,关闭该视图
- tcpdump抓包二进制tcp协议详细分析
- lastlog命令详解