`
szpapas
  • 浏览: 106943 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

Easy UI pagenation

 
阅读更多

EasyUI 分页其实不复杂,用RoR 搞定很简单。

 

$('#td_grid').datagrid({  

    url:'/data/get_grid_data',

    pagination:true,

    pageSize:20,

    striped:true,

 

==  关键是如何返回 , 一个是total, 一个是json数据:

 

def get_grid_data

    page = params['page']

    rows = params['rows']

    

    #cond_str = bla.

    

    offset = (page.to_i-1)*rows.to_i

    total = Db.find_by_sql("select count(*) from my_table #{cond_str};")[0].count 

    user = Db.find_by_sql("select * from my_table #{cond_str} order by id offset #{offset} limit #{rows};")

    render :text => {"total" => total, "rows" => user}.to_json

 

end

分享到:
评论

相关推荐

    jquery easy ui 离线API文档

    《jQuery Easy UI 离线API文档详解及CSS设计技巧》 jQuery Easy UI 是一个基于jQuery的前端开发框架,它提供了丰富的UI组件,使得开发者能够快速构建出美观且功能强大的Web应用。离线API文档是开发者在无网络环境下...

    EASY-UI示例;EASY-UI示例

    EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例EASY-UI示例

    Easy UI常用的UI框架

    Easy UI 是一个基于 jQuery 的轻量级用户界面框架,它为开发者提供了丰富的组件,使得创建交互式的Web应用变得更加简单快捷。这个压缩包包含了各种与Easy UI相关的资源,包括API参考、开发手册、教程以及示例代码,...

    jquery easy ui edatagrid 动态编辑表格 例子

    在本文中,我们将深入探讨jQuery Easy UI中的`edatagrid`组件,以及如何实现动态编辑表格,特别是下拉框的联动功能。`edatagrid`是jQuery Easy UI库中的一个强大工具,它扩展了基本的`datagrid`功能,提供了更丰富的...

    easy UI图标及CSS

    标题提到的“easy UI图标及CSS”是一套与EasyUI框架配套的图标资源,包含了一千个不同的图标,并且带有相应的CSS样式。 这些图标通常以矢量图形的形式存在,比如SVG格式,这样可以确保在不同屏幕分辨率下都能保持...

    jquery easy ui模板

    **jQuery Easy UI 模板详解** jQuery Easy UI 是一个基于 jQuery 的前端开发框架,它提供了一系列的组件和样式,使得开发者能够快速构建出美观且功能丰富的 Web 应用程序。这个压缩包包含的 "jQuery Easy UI 学习...

    easy ui中文版

    Easy UI 是一个轻量级的前端开发框架,专为简化 Web 应用程序用户界面的构建而设计。这个框架基于 jQuery,并提供了丰富的组件,如表格、下拉菜单、按钮、对话框、轮播图等,使得开发者能够快速构建功能丰富的交互式...

    简单的Easy UI网页

    【标题】"简单的Easy UI网页"指出我们讨论的是一个基于Easy UI框架构建的网页设计项目。Easy UI是一个轻量级的前端开发框架,主要用于简化HTML、CSS和JavaScript的开发过程,帮助开发者快速创建用户界面。它基于...

    JavaScript提高:001:ASP.NET使用easy UI

    Easy UI是一个基于jQuery的UI库,它提供了丰富的组件和模板,如表格、对话框、下拉菜单、按钮等,使得开发者无需从零开始编写复杂的CSS和JavaScript代码,就能快速构建出美观的Web界面。Easy UI的设计理念是简洁、...

    easy UI Demo供初学者使用

    这个压缩包“easy UI Demo”是为初学者准备的一个实例,它包含了使用jsp(JavaServer Pages)技术与easy UI结合的基本应用示例,帮助初学者更好地理解和应用easy UI。 在学习easy UI时,首先需要了解其核心概念。...

    jquery easy ui使用全解

    ### jQuery Easy UI 使用详解 #### 一、简介与安装配置 jQuery Easy UI 是一个基于 jQuery 的简化用户界面库,提供了一系列预定义的 UI 组件,如按钮、对话框、网格等,大大简化了 Web 应用程序的开发过程。通过...

    unity Easy UI Motion v1.1.4.zip

    Easy UI Motion allows you to animate your 2D full screen interfaces made with Unity UI, easily and visually. Manage Opening /closing effects, or simple effects on element or groups of elements that ...

    Jquery easy ui 中文帮助手册

    **jQuery Easy UI 中文帮助手册** 是一份详细指导开发者如何使用 jQuery Easy UI 框架的文档,旨在帮助用户更好地理解和应用这个强大的前端开发工具。jQuery Easy UI 是基于 jQuery 的一个轻量级、易于使用的组件库...

    easy ui 源代码

    在"Easy UI"的源代码中,我们可以深入理解其设计理念和实现方式。源码分析有助于开发者提升前端技能,学习如何组织和优化代码,以及如何创建可复用和可维护的组件。源码通常包含以下几个部分: 1. **CSS样式**:...

    JQuery Easy UI 增删改查 示例

    **jQuery Easy UI 增删改查 示例** jQuery Easy UI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如对话框、表格、表单等,帮助开发者快速构建用户界面。在“JQuery Easy UI 增删改查”这个示例中...

    jquery easy ui 上下排序功能

    jQuery Easy UI 是一个基于 jQuery 的前端开发框架,它提供了一系列的UI组件,使得开发者能够快速构建功能丰富的Web应用。在jQuery Easy UI中,上下排序功能是常见的一种数据展示和交互方式,尤其适用于列表或者表格...

    Airy UI - Easy UI Animation.zip

    《Airy UI - Easy UI Animation:Unity中的UI动画利器》 在现代游戏开发中,UI(用户界面)的动画效果不仅能够提升用户体验,还能增强游戏的视觉吸引力。Airy UI - Easy UI Animation 是一个专为Unity游戏引擎设计...

    easy-ui onchange/easy-ui添加onchange

    在本文中,我们将深入探讨如何在Easy-UI框架中使用`onchange`事件,以及如何获取组合框(Combobox)的当前选中值。Easy-UI是一个基于jQuery的轻量级前端开发框架,它提供了丰富的组件,如表格、窗口、菜单、对话框等...

    jquery easy-ui

    jQuery EasyUI就是在jQuery的基础上,提供了一系列易于使用的UI组件。 2. **EasyUI组件**: - **树形控件(Tree)**: 用于展示层次结构的数据,如目录结构,组织架构等。通过简单的配置,可以实现节点的展开、折叠...

    jquery easy ui 中文帮助

    EasyUI 的核心理念是通过简单的 HTML 标签和 CSS 类来实现复杂的 UI 功能,减轻前端开发的工作量。 ### 一、jQuery EasyUI 的基本概念 1. **组件(Widgets)**: EasyUI 包含多种组件,如 Dialog(对话框)、Grid...

Global site tag (gtag.js) - Google Analytics