`
xixian
  • 浏览: 215319 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

YUI datatable 行分组

    博客分类:
  • YUI
阅读更多
都说YUI强大  ,却连行分组样式都没有,上网搜索了好久找到个别人写的行分组“datatablegrouper”。
链接地址为:http://github.com/antscode/datatablegrouper/tree/21455dfcb6e8e1e7ea381b1fa3803b8b57384857
包含一个js文件,一个css文件,和两个图标,和一个测试页面。
代码不贴出来了,可以上该链接网站下载。

其效果图如下


修改
  问题:IE下分组关闭后不能再打开
  解决办法:修改groupeddatatable.js文件263行if判断语句
原代码为
                if (visibleState) {
                    row.style.display = "table-row";
                }

修改为
 if (visibleState) {
		if(window.ActiveXObject){//IE下的情况
			row.style.display = "block";
			      }else{//其他浏览器
				row.style.display = "table-row";
			}             
                }         
             }


分享到:
评论

相关推荐

    JavaScript YUI 2.8: DataTable jquery form 异步请求显示数据分页

    JavaScript YUI 2.8 和 DataTable 是 Yahoo! UI Library 的一部分,它提供了一种强大的方式来展示和操作表格数据。jQuery form 插件则用于处理表单的异步提交,通常用于实现无刷新的数据更新。在本文中,我们将深入...

    YUI2.8 实现datatable从server端动态获取数据,并实现分页功能(下)

    在本教程中,我们将深入探讨如何使用Yahoo User Interface (YUI) 2.8 版本来实现一个从服务器端动态获取数据并具备分页功能的DataTable。YUI 是一个强大的JavaScript库,提供了丰富的组件和工具,用于创建交互式和...

    yui 资源包

    3. **事件处理**:YUI的事件系统强大,支持事件绑定、解绑、事件冒泡等,使得用户交互编程简单易行。 4. **动画效果**:通过Transition和Anim模块,可以轻松实现平滑的CSS3动画和JavaScript动画效果。 5. **数据绑定...

    yui3-master.zip

    《深入理解YUI3:基于yui3-master.zip的探讨》 YUI(Yahoo! User Interface Library)是由雅虎公司开发的一套开源JavaScript库,它为Web开发者提供了丰富的功能和工具,以创建交互性强、性能优秀的网页应用。YUI3是...

    YUI.rar_html_javascript YUI_yui_yui javascript

    5. **数据表格**:YUI的DataTable组件可用于展示和操作大量数据,支持排序、过滤和分页等功能。 通过学习和实践这些示例,开发者可以深入了解YUI的功能和用法,提高自己的前端开发技能。 总结来说,YUI是一个强大...

    yui_3.8.1.zip

    1. **DataTable**:用于创建交互式表格,支持排序、分页、筛选等功能。 2. **Charts**:基于SVG或VML的图表库,可以生成各种统计图表,如柱状图、饼图、线图等。 3. **Uploader**:提供文件上传功能,支持多文件...

    yui.rar 例子

    《深入理解YUI:基于“yui.rar 例子”的解析》 YUI,全称Yahoo! User Interface Library,是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者构建高性能、易于维护的网页应用。本篇文章将结合“yui.rar 例子”...

    yuicompressor-yui compressor

    yuicompressor-2.4.2.jar yuicompressor-2.4.7.jar jsZip.exe yuicompressor yui compressor js压缩工具 javascript压缩工具 css压缩工具 ------------------------------------ //压缩JS java -jar yui...

    yuicompressor-2.4.8.jar

    对于JavaScript文件,它通过消除不必要的字符,如换行符、空格和注释,以及通过短变量名替换长变量名,达到减小文件大小的目的。这种压缩方式可以显著减少网络传输的数据量,进而提升页面加载速度,改善用户体验。...

    YUI3.6文档及示例

    2. **事件系统**:YUI的事件处理机制强大且灵活,支持DOM事件、自定义事件以及事件委托,使事件绑定和解绑变得简单易行。 3. **DOM操作**:提供了一系列DOM操作API,如选择元素、创建元素、修改属性等,简化了对...

    YUI 详细说明文档

    YUI的DOM操作模块简化了对DOM树的操作,使得常见的DOM操作变得简单易行。 **2.1 Element的查找** - `YAHOO.util.Dom.get(element)`:通过ID获取DOM元素。 - `YAHOO.util.Dom.getElementsBy(method, tagName, ...

    yui_2.9.0前端UI

    YUI 库,全称Yahoo! UI Library。是一组工具和控件,用JavaScript写成, 为的是用DOM 脚本,DHTML和AJAX等技术创建丰富的网页交互式应用程序。 YUI 基于BSD协议,对所有的使用方式都是免费的。YUI 项目包括YUI 库和两...

    【YUI组件】基于YUI的表单验证器

    1. **YUI库**:了解YUI的基本结构、模块化设计和如何引入到项目中,是使用YUI表单验证器的前提。 2. **表单验证**:表单验证的常见规则包括非空检查、长度限制、格式验证(如邮箱、电话号码等)和自定义验证函数。 3...

    YUI JS CSS 打包工具

    在Web开发中,原始的JS和CSS文件往往包含大量空格、注释和换行符,这些在源代码中有助于提高可读性,但在实际部署时会增加页面的加载时间。YUI打包工具通过删除不必要的字符,将多个文件合并为一个,从而显著减小...

    YUI-EXT使用详解

    **YUI-EXT使用详解** YUI-EXT是基于Yahoo! User Interface Library (YUI)的一个扩展库,专为构建富互联网应用程序(RIA)而设计。YUI-EXT提供了许多高级组件,如表格、菜单、窗口、表单、布局管理器等,极大地丰富...

    yui js压缩工具

    例如,它会把多行代码合并成一行,移除空格和换行符,替换长变量名以减少字符数,同时保持代码的可执行性。此外,YUI Compressor还能检测并修复某些JavaScript代码的语法错误,确保压缩后的代码依然可以正常运行。 ...

    《YUI使用文档》汉语版的yui学习材料

    《YUI使用文档》汉语版是一份详细的YUI学习材料,它涵盖了这个JavaScript库的核心功能和使用方法。YUI,全称Yahoo! User Interface Library,是Yahoo开发的一个开放源代码的JavaScript库,旨在帮助开发者创建交互式...

    yuicompressor安装文件

    它通过删除空格、换行符以及不必要的字符,有效地减小了JavaScript和CSS文件的大小,从而提高了网页的加载速度,优化了用户体验。在网页性能优化领域,YUICompressor扮演着至关重要的角色。 ### 安装与使用 1. **...

    YUI3.7.3 最新版本 带API

    YUI(Yahoo! User Interface Library)是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者构建高性能、可扩展的网络应用程序。YUI3.7.3是YUI的一个特定版本,它在发布时被视为最新的版本,提供了许多改进和新...

    一些关于YUI的资源

    2. **DOM操作**:YUI提供了强大的DOM操作API,使得对HTML元素的选择、遍历、修改变得简单易行。这些工具大大简化了JavaScript与HTML之间的交互,提高了开发效率。 3. **事件处理**:YUI的事件系统支持事件委托、...

Global site tag (gtag.js) - Google Analytics