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 是一个基于 jQuery 的轻量级用户界面框架,它为开发者提供了丰富的组件,使得创建交互式的Web应用变得更加简单快捷。这个压缩包包含了各种与Easy UI相关的资源,包括API参考、开发手册、教程以及示例代码,...
标题提到的“easy UI图标及CSS”是一套与EasyUI框架配套的图标资源,包含了一千个不同的图标,并且带有相应的CSS样式。 这些图标通常以矢量图形的形式存在,比如SVG格式,这样可以确保在不同屏幕分辨率下都能保持...
在本文中,我们将深入探讨jQuery Easy UI中的`edatagrid`组件,以及如何实现动态编辑表格,特别是下拉框的联动功能。`edatagrid`是jQuery Easy UI库中的一个强大工具,它扩展了基本的`datagrid`功能,提供了更丰富的...
**jQuery Easy UI 模板详解** jQuery Easy UI 是一个基于 jQuery 的前端开发框架,它提供了一系列的组件和样式,使得开发者能够快速构建出美观且功能丰富的 Web 应用程序。这个压缩包包含的 "jQuery Easy UI 学习...
Easy UI 是一个轻量级的前端开发框架,专为简化 Web 应用程序用户界面的构建而设计。这个框架基于 jQuery,并提供了丰富的组件,如表格、下拉菜单、按钮、对话框、轮播图等,使得开发者能够快速构建功能丰富的交互式...
【标题】"简单的Easy UI网页"指出我们讨论的是一个基于Easy UI框架构建的网页设计项目。Easy UI是一个轻量级的前端开发框架,主要用于简化HTML、CSS和JavaScript的开发过程,帮助开发者快速创建用户界面。它基于...
这个压缩包“easy UI Demo”是为初学者准备的一个实例,它包含了使用jsp(JavaServer Pages)技术与easy UI结合的基本应用示例,帮助初学者更好地理解和应用easy UI。 在学习easy UI时,首先需要了解其核心概念。...
### jQuery Easy UI 使用详解 #### 一、简介与安装配置 jQuery Easy UI 是一个基于 jQuery 的简化用户界面库,提供了一系列预定义的 UI 组件,如按钮、对话框、网格等,大大简化了 Web 应用程序的开发过程。通过...
《JQuery Easy UI在后台管理系统中的简单布局应用》 JQuery Easy UI 是一款基于 jQuery 的前端框架,它为开发者提供了一系列轻量级、易于使用的组件,使得构建具有专业外观的后台管理系统变得更加简单。这个框架...
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:Unity中的UI动画利器》 在现代游戏开发中,UI(用户界面)的动画效果不仅能够提升用户体验,还能增强游戏的视觉吸引力。Airy UI - Easy UI Animation 是一个专为Unity游戏引擎设计...
**jQuery Easy UI 中文帮助手册** 是一份详细指导开发者如何使用 jQuery Easy UI 框架的文档,旨在帮助用户更好地理解和应用这个强大的前端开发工具。jQuery Easy UI 是基于 jQuery 的一个轻量级、易于使用的组件库...
在"Easy UI"的源代码中,我们可以深入理解其设计理念和实现方式。源码分析有助于开发者提升前端技能,学习如何组织和优化代码,以及如何创建可复用和可维护的组件。源码通常包含以下几个部分: 1. **CSS样式**:...
**jQuery Easy UI 增删改查 示例** jQuery Easy UI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如对话框、表格、表单等,帮助开发者快速构建用户界面。在“JQuery Easy UI 增删改查”这个示例中...
jQuery Easy UI 是一个基于 jQuery 的前端开发框架,它提供了一系列的UI组件,使得开发者能够快速构建功能丰富的Web应用。在jQuery Easy UI中,上下排序功能是常见的一种数据展示和交互方式,尤其适用于列表或者表格...
Easy UI 是一个基于 jQuery 的轻量级用户界面库,它为开发者提供了丰富的组件和控件,使得构建交互式Web应用变得更加简单。这个“easy UI中文版文档”是针对Easy UI的详细指南,旨在帮助中文使用者更好地理解和应用...
在本文中,我们将深入探讨如何在Easy-UI框架中使用`onchange`事件,以及如何获取组合框(Combobox)的当前选中值。Easy-UI是一个基于jQuery的轻量级前端开发框架,它提供了丰富的组件,如表格、窗口、菜单、对话框等...
jQuery EasyUI就是在jQuery的基础上,提供了一系列易于使用的UI组件。 2. **EasyUI组件**: - **树形控件(Tree)**: 用于展示层次结构的数据,如目录结构,组织架构等。通过简单的配置,可以实现节点的展开、折叠...
EasyUI 的核心理念是通过简单的 HTML 标签和 CSS 类来实现复杂的 UI 功能,减轻前端开发的工作量。 ### 一、jQuery EasyUI 的基本概念 1. **组件(Widgets)**: EasyUI 包含多种组件,如 Dialog(对话框)、Grid...