当前位置:  软件>JavaScript软件

jQuery 的 Grid 插件 jquery.bsgrid

    来源:    发布时间:2015-02-06

    本文导语:  jquery bsgrid,A simple jQuery Grid plugin with pagation, export and easy to expand. 一个简单易用的jQuery Grid插件,支持分页或不分页,支持json、xml数据格式,对导出友好,扩展性友好。 本插件的早期及当前版本已在多个项目中使用。 在线演...

jquery bsgrid,A simple jQuery Grid plugin with pagation, export and easy to expand. 一个简单易用的jQuery Grid插件,支持分页或不分页,支持json、xml数据格式,对导出友好,扩展性友好。

本插件的早期及当前版本已在多个项目中使用。

在线演示:http://bsgrid.oschina.mopaas.com/
详细介绍:http://thebestofyouth.com/project/jquery_bsgrid.html
离线文档:http://git.oschina.net/bs2004/jquery.bsgrid/raw/master/README.md.pdf

给出典型多套皮肤效果图示如下:                 ExtJS Gray Style 
                ExtJS Blue Style 
                ExtJS Access Style 
                FlexiGrid Gray Style 
                Dhtmlx Sky Blue Style 
                Custom Blue Style 

bsgrid的特点

      1,轻量级,基于jQuery及HTML Table,除了对加载数据、分页、渲染数据的简单封装外,不额外增加特别的功能;模块化JS代码,可按需加载;CSS样式精致简洁,对于扩展修改非常容易; 
  2,使用友好,对于一个简单的表格展现,仅仅数十行代码即可完成,并且支持json、xml两种数据格式;且支持友好的导出参数构建; 
  3,内置多套经典样式风格,效果参看examplesgridthemes*.html;可非常容易的修改表格使用字体大小,参看示例examplesgridthemescustom.html,仅需修改该示例样式中的两处font-size即可; 
  4,自带load加载数据遮罩,并很容易进行扩展或重写; 
  5,扩展性好,插件有特别好的扩展性,易于对插件本身进行局部甚至较大的修改,易于改变展现样式、渲染数据;插件放开了属性及方法的全局修改权限,所有方法都可在外部进行全局重写,而无需修改插件本身的代码。

Simple Grid,上手简单,使用很容易

jQuery 的 Grid 插件 jquery.bsgrid[图片]

引用文件:
    
    
    
    
实现代码:
    
        
            XH
            ID
            CHAR
            TEXT
            DATE
            TIME
            NUM
            Operate
        
    
    
        $(function () {
            $.fn.bsgrid.init('searchTable', {
                url: 'data/simple.json',
                // autoLoad: false,
                pageSizeSelect: true,
                pageSize: 10
            });
        });
    
        function operate(record, rowIndex, colIndex, options) {
            return 'Operate';
        }
    

    
 
 

您可能感兴趣的文章:

  • jquery插件jquery倒计时插件分享
  • jQuery图片轮换插件 jQuery Dynamic Slideshow
  • jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
  • jQuery 内容滑动插件 Basic jQuery Slider
  • jQuery圆角插件 jQuery Corners
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery日历插件 jQuery Week Calendar
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery消息提醒插件 jQuery Notty
  • jQuery无限幻灯片插件 jQuery Carousel
  • jQuery多值输入插件 jQuery Manifest
  • jQuery向导插件 Jquery Wizard Plugin
  • jQuery相册插件 jQuery.popeye
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery的气泡提示插件 jquery.ns_bub.js
  • jQuery对话框插件 jquery.modalbox
  • jQuery的OpenSocial插件 OpenSocial jQuery
  • jQuery链接插件 jquery.biggerlink
  • 在线客服jQuery 插件 jQuery.onServ
  • jQuery日历插件 jQuery Verbose Calendar
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery UI组件 jQuery UI
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery分页插件 Pagination jQuery Plugin
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery的CSV插件 jQuery CSV
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog
  • jQuery 插件 jQuery Ripples
  • 精简版的jQuery jQuery.ish
  • jQuery虚拟键盘 jQuery Keypad
  • jQuery滚动效果插件 jQuery.SerialScroll
  • jQuery电子表格插件 jQuery.sheet
  • jQuery日期选择插件 jQuery UI Datepicker
  • jQuery分页插件 jQuery Pagination
  • jQuery表单验证插件 jQuery.validity
  • jQuery条形码插件 jQuery Barcode
  • jQuery 星级评分插件 jQuery Raty
  • jQuery动态背景插件 jQuery.spritely


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3