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

基于jqueryui主题的轻量级Grid控件

阅读更多

 

采用jQueryui css作为grid的主题(http://jqueryui.com/themeroller/
  兼容主流浏览器:IE6+ ,firefox,chrome
  主要功能:支持冻结列
     支持复合表头
     支持点击表头排序
     支持列宽调整
     支持纯前端数据
     支持单元格显示自定义
     支持数据源自定义扩展

 

调用方法:

 

$(".grid-content").llygrid({

columns:[

{align:"center",key:"SERVICE_ID",label:"业务代码", group:"组合头1|组合头2|组合头3", width:"100"},

......

 ],

 ds:{type:"data",records:[

......

]},

limit:20,

pageSizes:[10,20,30,40],

height:200,

title:"测试列表Demo",

indexColumn:true,

querys:{name:"hello",name2:"world"},

loadMsg:"数据加载中,请稍候......"

}) ;

 

展示效果:

 

 

如果觉得还可以的话或者有什么建议的话,不妨说上两句

  • 大小: 105.7 KB
分享到:
评论
1 楼 bir_oct 2014-04-23  
这个支持隐藏列的配置吗?

相关推荐

    5种最流行好用的表格grid控件

    Grid JS是一款轻量级的JavaScript表格库,它专注于核心的表格功能,如数据展示、排序和分页。Grid JS的特点在于其简洁的API和易于定制,适合那些希望快速搭建简单表格应用的开发者。尽管功能相对较少,但它的性能...

    Jquery开发UI模板

    jQuery MiniUI 是一个基于 jQuery 的轻量级 Web UI 框架,专为开发企业级 Web 应用提供快速、简洁、强大的组件库。这个压缩包文件“jQuery MiniUI V2_0 Demo”包含了 MiniUI 的 2.0 版本的演示示例,帮助开发者理解...

    js版grid等控件

    1. ag-Grid:这是一个强大的企业级Grid控件,提供丰富的特性,包括复杂的排序、筛选、分组和自定义渲染。它有丰富的API和大量的配置选项,适用于复杂的数据管理场景。 2. Handsontable:这是一个基于jQuery的开源库...

    jquery easy-ui

    1. **jQuery**: jQuery 是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。jQuery EasyUI就是在jQuery的基础上,提供了一系列易于使用的UI组件。 2. **EasyUI组件**: - **树形控件...

    从easyui里分离出来的grid控件

    因此,为了改善在低版本IE浏览器中的性能,开发者将Grid控件单独提取出来,创建了一个更加优化、轻量且灵活的新组件。 【描述】"非常灵活,可以自己改成控件,里面点开直接可以看到效果"说明这个分离出的Grid控件...

    JQuery Grid 例子

    2. **jQuery**: jQuery 是一个轻量级的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和Ajax交互,使得开发者可以更高效地编写 JavaScript 代码。 3. **主题**: jQuery Grid 支持多种主题,如 "ui.jqgrid....

    jQuery ligerUI API

    - **jQuery**:jQuery是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画制作和Ajax交互。 - **ligerUI**:ligerUI是jQuery的一个扩展插件,它提供了一系列的UI控件,如表格、下拉框、按钮、对话框等,...

    jquery-ligerUi-1.2.2.api

    jQuery LigerUI,作为一个基于jQuery的轻量级UI库,为开发者提供了丰富的组件和强大的功能,帮助他们快速构建出美观且响应式的网页应用。本文将深入探讨jQuery LigerUI 1.2.2版本中的关键特性、使用方法以及应用场景...

    基于LigerUI前端技术实现的管理平台(纯静态页面,json,工作流及权限管理)

    3. **JSON数据交互**:JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在这个项目中,JSON用于在前后端之间传递数据,例如用户的操作信息、系统配置...

    jquery easy ui 1.3.1

    jQuery EasyUI 是一个基于 jQuery 的轻量级框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。1.3.1 版本是这个框架的一个稳定版本,包含了许多功能强大的组件和优化,使得网页开发变得更加便捷。 ...

    jQuery LigerUI V1.1.5

    jQuery LigerUI是一个轻量级的前端框架,它扩展了jQuery的功能,使开发人员能够轻松地创建交互式、响应式的网页应用。LigerUI包含一系列的UI组件,如表格(ligerGrid)、表单、对话框、按钮、菜单等,这些组件都遵循...

    最新jquery-easy-ui

    jQuery EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了一系列的预定义的 CSS 样式和 JavaScript 插件,使得开发者能够快速构建用户界面。EasyUI 提供了丰富的组件,包括布局、表格、对话框、菜单、表单、树形...

    jQuery_LigerUI_V1.2.2

    jQuery_LigerUI是由jQuery驱动的一个轻量级、高性能的UI框架,它提供了一系列预设的组件和样式,如表格、表单、对话框、菜单等,极大地简化了Web应用的界面开发。V1.2.2版本修复了先前版本的一些已知问题,提升了...

    jquery ligerUI

    - **轻量级**:基于 jQuery,占用资源少,加载速度快。 - **丰富的组件**:包括表格、下拉框、日期选择器、树形结构、对话框等多种常见的Web组件。 - **高度可定制**:提供多种皮肤和样式,可根据需求自定义主题和...

    用于MVC的轻量级AjaxGrid“用户控件”

    在本文中,我们将深入探讨如何在ASP.NET MVC4框架中使用Razor视图引擎实现一个轻量级的AjaxGrid用户控件。这个控件能够帮助开发者轻松地在Web应用程序中集成数据网格功能,同时利用Ajax技术提高用户体验,通过异步...

    课题-jQuery-LigerUI-使用教程入门篇.doc

    总的来说,jQuery LigerUI 是一个轻量级且功能丰富的前端框架,对于需要快速构建Web前端界面的开发者来说,它提供了一套完整且易于使用的工具集。通过熟练掌握LigerUI,开发者能够轻松实现各种复杂的界面交互效果,...

    课题-jQuery-LigerUI-使用教程入门篇.pdf

    LigerUI的核心特点在于其轻量级,其全部插件打包后的JS文件大小仅100K左右,这使得它在保证功能的同时,不会对网站性能造成过大负担。 LigerUI包含了一系列基础和高级的UI组件,涵盖了前端开发中常见的需求: 1. *...

    LigerUI框架

    LigerUI是一款基于jQuery的轻量级用户界面库,它提供了一系列丰富的用户界面组件,旨在帮助开发者快速构建美观且功能强大的Web应用。与JQuery EasyUi相比,LigerUI在保持轻量化的同时,更加注重用户体验和界面设计的...

    jQuery常用插件大全pdf

    **知识点**: 轻量级模态对话框插件,提供简单接口,方便创建弹出窗口。 #### 17. Farbtastic **知识点**: Colorpicker插件,允许在页面中添加多个颜色选择控件,与页面元素(如文本输入框)关联。 #### 18. ...

Global site tag (gtag.js) - Google Analytics