`
doabit
  • 浏览: 52697 次
  • 性别: Icon_minigender_1
  • 来自: 江苏
社区版块
存档分类
最新评论

jqgrid for rails3 plugin

阅读更多
    最近做项目用到jquery ui和jqgrid,在网上找到了2dcJqgrid Rails plugin,不过只能在rails2下用,有个rails3的,也有很多问题,所以就自己以2dcJqgrid Rails plugin这基础,重新做了rails3版的,去掉了jrails,把jquery ui 升级到1.8.5,jqgrid升级为3.8.1.大体使用方法和2dcJqgrid Rails plugin原来一样,
   目前支持:curd, sort,等(使用 sort 前注意 gemfile添加acts_as_list,并且修改模型)
   jqgrid-rails3
  
1.安装plugin
 
 rails  plugin install git://github.com/doabit/jqgrid-rails3.git

  
   或者下载放到plugins文件夹下,执行
  
rake jqgrid:install


2.使用generator生成所需要的文件,例如对user model生成jqgrid 操作
  
rails generate jqgrid user id pseudo email firstname

   ,其中,user是模型名, 后面是你要显示出来的列名
   如果想生成admin文件夹下的controller,刚可修改为
   
rails generate jqgrid admin::user id pseudo email firstname

 
    PS:
     请注意生成的controller中有提示要修改routes,暂时支持CRUD,和sort..
  
3.使用,修改layout模板,添加
   
 <%=jqgrid_javascripts%>

     <%=jqgrid_stylesheets%>

   默认使用的是jqgrid自带的样式,如果要改theme, 请把theme文件放到
   /public/stylesheets/jqgrid/themes/文件夹下,例如我修改的 theme 文件夹名为redmond
  <%=jqgrid_stylesheets "redmond"%>


4.注意如果使用sort的话,要添加acts_as_list,另,此插件分页要will_paginate,所以gemfile中要添加will_paginate。。。


5.我做了个简单的DEMO
 
   支持add edit delete view sort...

6.有任何问题请留言或邮件

转载注明:

javaeye---doabit
0
0
分享到:
评论

相关推荐

    jqGrid for ASP.NET 4.0

    3. **CRUD操作**:jqGrid支持基本的数据库操作,如创建(Create)、读取(Read)、更新(Update)和删除(Delete)。这使得用户可以直接在网格中编辑、新增或删除数据,而无需跳转到新的页面。 4. **Web.config配置...

    jqGrid for ASP.NET

    **jqGrid for ASP.NET** 是一个强大的Web表格控件,专为ASP.NET开发者设计,用于在网页上展示和管理数据。这个控件基于JavaScript库jQuery的jqGrid插件,提供了丰富的功能,包括数据分页、排序、过滤、编辑以及...

    JqGrid For ASP.Net

    **JqGrid for ASP.NET** 是一个专门为ASP.NET平台设计的数据网格组件,它结合了jQuery库的灵活性和ASP.NET的强大功能,为Web应用程序提供了一种高效、可定制的数据展示和管理解决方案。JqGrid允许开发者在网页上创建...

    jqGrid for ASP.NET MVC 4.0

    3. **引入 jqGrid CSS 和 JavaScript**:在你的视图(View)文件中,需要引入 jqGrid 的 CSS 和 JavaScript 文件。这通常是在 `_Layout.cshtml` 文件中完成的,确保在 `&lt;head&gt;` 标签内引入 CSS,并在 `&lt;body&gt;` 标签...

    jqGrid for asp.net(含chart)

    总的来说,这个"jqGrid for asp.net(含chart)"资源是一个非常实用的学习工具,对于希望在ASP.NET应用中实现交互式数据展示和管理的开发者来说,它能提供宝贵的实践经验和参考案例。通过深入理解和实践这个Demo,你...

    jqgrid for MVC

    在"jqGrid for MVC"项目中,`MvcJqGridSample.sln` 文件是一个Visual Studio解决方案文件,它包含了整个项目的所有组件和配置信息。打开这个文件,开发者可以在Visual Studio环境中加载并管理该项目,进行编码、调试...

    jqgrid API 3.6.5

    jqGrid uses a jQuery Java Script Library and is written as plugin for that package. For more information on jQuery, please refer to the jQuery web site. jqGrid's Home page can be found here. Working...

    gem-jqgrid-jquery-rails:提供为Rails 3.1+资产管道打包的`jqGrid` jQuery插件

    安装将这些行添加到应用程序的Gemfile : # jqgrid jquery plugin packaged for the rails asset pipelinegem 'jqgrid-jquery-rails' , '~&gt; 4.6.001' 然后执行: $ bundle 或将其自己安装为: $ gem install jqgrid-...

    JqGrid插件+JqGridDemo+JqGrid主题

    3. 排序与筛选:用户可以通过点击表头进行列排序,同时JqGrid还提供了高级的筛选功能,如条件筛选、多条件组合筛选等。 4. 编辑功能:JqGrid支持行内编辑、弹出式编辑和表单编辑等多种模式,方便用户对表格数据进行...

    jqgrid中文文档API

    jQgrid中文文档API jQgrid是一个功能强大且流行的JavaScript插件,用于创建交互式表格。它基于jQuery库,提供了许多强大的功能,例如排序、过滤、编辑、分页等,使得开发者可以快速创建复杂的表格应用程序。本文将...

    tableExport表格导出插件jqgrid中文修正版

    tableExport 中文修正+jqgrid修正 表格导出插件,本插件在前人修正的基础上针对几个...3.部分格式导出无扩展名问题;4.但xml中文还是乱码,ppt输出不对;5.注意参数大小写问题,必须一致,因此将所有参数名改成了小写。

    jqGrid中文文档.doc

    jqGrid 是一个基于 jQuery 的数据网格插件,用于在网页上展示和操作表格化的数据。在开始使用 jqGrid 之前,需要具备基本的 JavaScript 和 jQuery 知识,因为 jqGrid 是构建在 jQuery 库之上的。jQuery 提供了简便的...

    jqGrid4.6完整包

    3. **文件结构**: - `src`:源码目录,通常包含 jqGrid 的核心 JavaScript 文件和可能的其他源代码,如本地化文件。 - `js`:JavaScript 库文件,这里存放了 jqGrid 的主要 JavaScript 实现,包括主文件(如 `...

    jqGrid4.8.2 jqgrid_demo40

    jquery.jqGrid-4.8.2(jquery表格插件).zip----------jqGrid4.8.2包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料...

    JqGrid中文API文档

    JqGrid是一款强大的JavaScript数据网格组件,用于在Web应用程序中展示和操作数据。它基于jQuery库,提供了丰富的功能,如分页、排序、过滤、编辑和格式化数据。本中文API文档将帮助开发者深入理解并有效利用JqGrid的...

    jquery.jqgrid最新版

    《jQuery.jqGrid详解——打造高效数据管理界面》 jQuery.jqGrid是一款强大的JavaScript插件,主要用于构建数据密集型Web应用程序,特别是在展示和操作大量结构化数据时。它以其丰富的功能集、高度可定制性和易用性...

    jqGrid 4.6和4.7版本

    3. **服务器分页**:jqGrid允许设置分页功能,与服务器交互时只请求和显示当前页数据,减轻了服务器负载和提高了页面加载速度。 4. **排序功能**:用户可以通过点击列头对数据进行升序或降序排序,jqGrid会自动向...

    jqGrid_api中文文档

    3. jqGrid的皮肤 从版本3.5开始,jqGrid完全支持jquery UI的theme。这意味着可以通过jquery UI ThemeRoller来下载或创建主题,并应用于jqGrid以改变其外观和风格。安装所需的主题后,只需要引入核心的css文件“ui....

    jqGrid5.X 官方全Demo下载

    3. **样式与框架** - `css` 目录:包含了 jqGrid 的样式文件,用于定义表格的外观和布局,可以自定义以满足特定的设计需求。 - `bootstrap`:jqGrid5.X 支持 Bootstrap 框架,使得在响应式设计中集成 jqGrid 更加...

    jQgrid demo

    3. **排序**:用户可以通过点击列头对数据进行升序或降序排序,jQGrid 自动处理这些请求并更新数据视图。 4. **搜索/过滤**:jQGrid 提供多种搜索和过滤选项,包括基本的文本搜索、高级搜索和自定义过滤条件,方便...

Global site tag (gtag.js) - Google Analytics