浏览 3172 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2007-10-12
刚刚看了一下MOOTOOLS它网站上的DEMO,发现它没有一个DEMO实现固定表头的TABLE的例子 它没有实现这个功能吗? 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2007-10-18
的确是没有,Mootools是个基础库,只提供了最基础的类、事件、选择器、DOM修改等功能。固定表头实现起来不难,有一种方法是这样的:
<div style="overflow:hidden;"><table style="table-layout:fixed;">... 用来显示的header ...</table></div> <div style="overflow:scroll;"><table>实际的table,header高度设置为1, 用来自动计算宽度。</table></div> onload的时候,获取实际table的单元格的宽度,赋值到上面副本header中单元格的宽度。然后,让上面副本header外的div的scrollLeft等于下面实际Table的scrollLeft,就可以了。基本原理就是这样。 这部分代码可以用JSP Tag直接打印出来,性能就是浏览器显示Table的性能,比用JS构建的方式要快得多。 Mootools会让你更加快捷方便的实现以上功能,这就是Mootools的作用。 例如, $$("input[name^=xxoo]").each(function(item, index){ ..... }); 当年用JS要写N多行的功能,现在只需要一句话就搞定了,性能又好,可读性又强,赞~ 如果要在Mootools、Jquery、Prototype之间比较的话,要看你想怎么去用,究其本质,其实无论用那个基础库都会让你事半功倍,至于语法,就看个人爱好了。如果非要比性能,他们的性能是无限接近的(如果Mootools1.0比Jquery1.0性能好,那么Jquery下一个版本就肯定比Mootools1.0强,反之亦然,其实大家都在努力),对于我们用户来说,那么点儿性能差异是无关紧要的。 所以,选基础库的话,看个人爱好,这三个基础库我都看好,我更喜欢Mootools,因为他最“轻”,而且把自己看的也不是那么的重。 |
|
返回顶楼 | |