X-editable

使用X-editable对Twitter Bootstrap, jQuery UI 或纯 jQuery进行就地编辑

此库允许您在页面上创建可编辑元素。它可以与任何引擎(bootstrap,jquery-ui,jquery)一起使用,包括弹出和内联模式。请尝试演示以了解它是如何工作的。

演示文档

最新版本:1.5.1 更新日志

x-editable的精确构建取决于你想要使用的核心库

Bootstrap (2 或 3)

Twitter Bootstrap有很棒的Form标记Popover插件 可以进行非常好的就地编辑。对于日期输入,它使用 bootstrap-datepicker.

jQuery UI (1.9+)

从jQuery UI 1.9开始,它有Tooltip 插件。与Button 小部件合使用,它非常适合可编辑的表单和弹出窗口。您可以应用jQuery UIThemeroller的任何主题。

jQuery (+ poshytip插件)

最简单的X-editable构建。对于内联模式,您只需要jquery。对于弹出模式,它使用Poshytip 插件。对于datetime字段,您可以使用基于combodatemomentjs

最新发布的

1.5.1 (2013年11月4日)

  • 支持bootstrap popover =auto
  • validate方法可以改变值
  • select2标签模式已修复

特征

  • 弹出和内联模式
  • 支持的输入:
    • text
    • textarea
    • select
    • date
    • datetime
    • dateui
    • combodate
    • html5types
    • checklist
    • wysihtml5
    • typeahead
    • typeaheadjs
    • select2
  • 客户端和服务器端验证
  • 可定制的容器放置
  • 通过单击,dblclick或手动切换
  • 键盘支持(escape/enter/tab)
  • 适用于IE7 +和所有现代浏览器
  • unit tested
  • live events

为何使用X-editable?

  • 快速开发,没有特殊的FORM标记
  • 应用程序中的屏幕数量减少
  • 轻松添加/删除字段
  • 用于数据更新的简单后端脚本
  • 表格操作更方便