博客首页前端开发分类

分享一款我的GridView多功能表格插件

发布时间:2016-06-13 11:35:52编辑:Mr.Co阅读(603)


GridView是什么?

   GridView是由Mr.Co开发的一套开源的多功能表格插件,主要用于让页面开发者在开发中节省拼接Table表格和操作Table表格相关复杂操作的开发成本与时间。开发人员可以用GridView快速开发出带有集成编辑、组合表头、分页、表行列操作等一系列功能的GridView。GridView依赖于jQuery类库开发而成,它可以使用在任何Web页面中,比较适合后端项目使用。


【主要特点】

  • 快速:体积小,加载速度快
  • 开源:开放源代码,高品质
  • 扩展:基于对象库的设计,可根据需求增减功能
  • 风格:修改GridView风格非常容易,只需修改一个 CSS 文件
  • 兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera


【开源日志】

  • 2016-06:GridView正式开源


【快速使用】

/**引入皮肤样式**/
<link href="gridview.css" rel="stylesheet">
/**引入jQuery类库**/
<script src="jquery.js"></script>
/**引入gridview类库**/
<script src="gridview.js"></script>
/**页面中新增一个容器元素**/
<div id="grid"></div>
/**初始化gridview**/
GridView({
    container: $('#grid'),
    dataSource: [
        { 
            id: '006', 
            name: "张三", 
            age: "47", 
            sex: '男', 
            address: "重庆市", 
            income: '100W' 
        }
    ],
    columns: [
        { 
            name: '系统编号', 
            field: 'id', 
            order: 0, 
            width: 100, 
            titleAlign: 'center', 
            contentAlign: 'left', 
            display: '' 
        },
        { 
            name: '年龄', 
            field: 'age', 
            order: 2, 
            width: 60, 
            titleAlign: 'center', 
            contentAlign: 'center', 
            link: '/main.html?key={id}' 
        }
    ]
});                
^_^ 更多使用方式请查看我的官方API地址。有什么问题可以给我留言!

官方API地址

http://gridview.mrco.cn/



转载请注明出自:http://www.mrco.cn/article/575133596248a4cd5b5defe5.html

最新评论(0)

    我要评论

    *
    *
    *
    *
    *
    验证码