`
szpapas
  • 浏览: 108859 次
  • 性别: 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

分享到:
评论

相关推荐

    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参考、开发手册、教程以及示例代码,...

    easy UI图标及CSS

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

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

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

    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的开发过程,帮助开发者快速创建用户界面。它基于...

    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 应用程序的开发过程。通过...

    【JQuery Easy UI】后台管理系统的简单布局

    《JQuery Easy UI在后台管理系统中的简单布局应用》 JQuery Easy UI 是一款基于 jQuery 的前端框架,它为开发者提供了一系列轻量级、易于使用的组件,使得构建具有专业外观的后台管理系统变得更加简单。这个框架...

    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 ...

    Airy UI - Easy UI Animation.zip

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

    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中,上下排序功能是常见的一种数据展示和交互方式,尤其适用于列表或者表格...

    easy UI中文版文档

    Easy UI 是一个基于 jQuery 的轻量级用户界面库,它为开发者提供了丰富的组件和控件,使得构建交互式Web应用变得更加简单。这个“easy UI中文版文档”是针对Easy UI的详细指南,旨在帮助中文使用者更好地理解和应用...

    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