`
magixyu
  • 浏览: 79432 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

In-Place Form Editing [Rails Recipes]

    博客分类:
  • ROR
阅读更多
在rails里使用script.acluo.us的 InPlaceEditor control/accompanying helpers使In-Place From Editing更简单。

做一个脚手架,建好数据库。
rails 2里面需要安装in_place_editing plugin

ruby script/plugin install in_place_editing

1. 使用Ajax,在View layout面加入Javascript
放在layout里 app/views/layouts/对整个控制器有效
<%= javascript_include_tag :defaults %>


2. 在对应的View里面加上
<%= in_place_editor_field :xxxx, :column.name %>

第一个参数是一个实例变量的名字,第二个应该实例变量的一个字段。<数据库中记录和字段的关系>
这时还需要一个控制器的Action去处理这个请求

3. Action
增加in_place_edit_for,能够动态的产生需要的set_xxxx_<column.name> action

Xxxx.content_cloumns.each do |column|
    in_place_edit_for :xxxx, :column.name
end



最后就是InPlaceEditor的CSS了
.inplaceeditor-form input[type="text"]{
    width: 260px;
}
分享到:
评论

相关推荐

    Rails Recipes Final.pdf

    **In-Place Form Editing**:原地表单编辑,这是一种提高用户体验的技术,允许用户直接在页面上编辑数据,而无需跳转到新的编辑页面。 2. **Making Your Own JavaScript Helper**:创建自定义的JavaScript助手函数...

    how-to-invoke-the-appointment-editing-form-instead-of-in-place-editing-e1304:.NET,WinForms,XtraScheduler套件

    要查看的文件: (VB: )如何调用约会编辑表而不是就地编辑下面的示例演示如何更改最终用户在Scheduler控件中按下键时执行的默认操作。 默认情况下将调用就地编辑器,从而使用户能够修改“主题”字段。...

    Rails Recipes (2006) .pdf

    In-Place Form Editing**:介绍了一种让用户可以直接在页面上编辑表单数据的方法,而无需跳转到另一个页面。 - **2. Making Your Own JavaScript Helper**:教会读者如何创建自定义的 JavaScript 辅助函数来简化...

    bash-vi-editing-mode-cheat-sheet

    bash-vi-editing-mode-cheat-sheet Readline VI Editing Mode Cheat Sheet Default Keyboard Shortcuts for Bash

    geomajas-plugin-editing-javascript-api-1.15.0-M3.zip

    《geomajas-plugin-editing-javascript-api-1.15.0-M3.zip》是一个与开源GIS(地理信息系统)相关的压缩包,主要包含了用于GWT(Google Web Toolkit)客户端的编辑功能的JavaScript API。这个API是geomajas项目的一...

    success-128-switch-editing.zip_editing

    标题中的"success-128-switch-editing.zip_editing"暗示了这是一个关于编辑与修改的项目,可能涉及数字电路设计,特别是与128个开关有关的系统。描述提到"controlling D flipflop circuit",这直接指向了数字电子...

    uni-sans_fonts_Uni-sans_editing_

    标题中的“uni-sans_fonts_Uni-sans_editing_”表明这是一个关于Uni Sans字体的集合,主要用于编辑工作,如Photoshop (psd)文件或其他类型的文档。这些字体可能提供了多种样式,以满足不同设计和排版的需求。 描述...

    matlab开发-Poissonimageediting

    在本项目中,“matlab开发-Poissonimageediting”是一个基于MATLAB的图像处理技术,主要涉及Poisson图像编辑,这是一种高级的图像融合和编辑方法。它允许用户在源图像和目标图像之间进行无缝克隆和混合,同时保持...

    bash-vim-editing-cheat-sheet

    在Linux系统中,Bash是默认的命令行界面,而Vim是一个功能强大的文本编辑器,两者通常在系统管理和软件开发中扮演重要角色。此文档是一份关于在Bash中使用Vim模式编辑命令行的快捷参考,即通过在用户主目录下的....

    Poisson-Image-Editing.rar_editing_poisson_poisson editing_poisso

    波松影像编辑是一种高级的图像处理技术,源自Perez等人在2003年SIGGRAPH会议上发表的研究成果。这项技术的核心在于实现图像的无痕复制,使得图像的修补或拼接变得极其自然,几乎无法察觉到人工操作的痕迹。...

    Bash-Terminal-Keyboard-Shortcuts-for-Editing.pdf

    在IT行业中,Bash Shell是Linux和Unix操作系统中广泛使用的命令行界面,它为用户提供了一种与系统交互的高效方式。对于经常在终端中工作的人来说,掌握Bash终端的编辑快捷键可以极大地提高工作效率。...

    evil-cleverparens, editing语言的Evil正常状态 minor 正在进行中,工作.zip

    evil-cleverparens, editing语言的Evil正常状态 minor 正在进行中,工作 邪恶 cleverparensevil-cleverparens 为编辑Lisp而优化的模式编辑。 它的工作原理如下:如果有用的话,可以以防止将括号和它的他分隔符的顺序...

    matlab开发-PoissonImageEditing

    在MATLAB开发中,"PoissonImageEditing"是一个基于泊松方程的图像编辑技术,主要用于实现无缝图像拼接和图像复原。这个项目直接实现了佩雷斯(Pérez)等人在泊松图像编辑领域的研究成果,它允许用户在保持图像局部...

    英文原版-Digital Video Editing Fundamentals 1st Edition

    A unique compact book on digital video editing fundamentalsCovers digital video file formats and data footprint optimizationTeaches you how to build a production pipeline,解压密码 share.weimo.info

    Physics-Based Terrain Editing

    在数字内容创作领域,地形编辑是一个重要的元素。地形数据库通常基于数字高程模型(DEM),这类数据可以免费获取。现今存在许多程序化地形生成的方法,而用户可以利用各种工具和软件进行地形编辑。...

    fyilmaz2312-fyilmaz2312-Ajax-and-AspNetMvc-Page-in-Without-Refreshing-The-Product-Editing-Adding

    标题 "fyilmaz2312-fyilmaz2312-Ajax-and-AspNetMvc-Page-in-Without-Refreshing-The-Product-Editing-Adding" 暗示了一个关于使用Ajax技术和ASP.NET MVC框架实现页面无刷新的产品编辑与添加功能的项目。这个项目的...

    Poisson_Image_Editing.zip_Poisson-Image_editing_poisson_poisson_

    在提供的压缩包文件中,"www.pudn.com.txt"可能包含有关算法的链接或者介绍,而"Poisson_Image_Editing"可能是实现该算法的代码或示例。通过阅读和理解这些资料,你可以更深入地学习和实践Poisson图像编辑技术,掌握...

    Visual-Studio-Code-End-To-End--editing and debuging for web developer.pdf

    In a surprisingly short period of time, Visual Studio Code has become very popular among web developers. Part of that is because it’s fast, lightweight, and is available on the three main platforms ...

    cytoscape.js-edge-editing:Cytoscape.js扩展程序,允许交互式编辑边缘锚点(弯曲或控制)点

    细胞景观边缘编辑 描述 Cytoscape.js扩展程序,可以分别交互式编辑段和非捆绑贝塞尔曲线边缘的边缘弯曲和控制点。 它还允许将边缘重新连接到其他源/目标节点。 该扩展是根据。 此处和代码中将使用术语“锚点”来...

    cytoscape.js-node-editing:一个 Cytoscape.js 扩展,用于提供调整节点大小的抓斗

    细胞景观节点编辑 描述 Cytoscape.js 扩展提供某些节点编辑功能,如下所示: 努力调整节点的大小, 将节点大小调整为其标签的视觉提示,以及 使用箭头键移动选定节点的能力(加速键Alt和Shift 分别导致较慢和较快...

Global site tag (gtag.js) - Google Analytics