jQuery实时插件JEditae使用详解.pdfVIP

jquery实时编辑插件jeditable详细使用文档

Postedby:xiaomiao2014/06/02inCode,JS/JQ5Comments

DEMO

这款插件2007年就出来了，可网上至今难找到比较完整的中文的使用文档。是使用场景不

多还是大家都是一看就会？应该二者都有，但既然我用到了，就总结整理一下吧。

实时编辑，就是在原位置直接编辑，不用另打开一个编辑页面。有时候我们只是想修改其中

一个属性的值，打开一个完整的编辑页面实在没必要，实际效果就是像phpMyAdmin那样

子。插件：

一、导入js文件

scripttype=text/javascriptsrc=jquery-1.10.2.min.js/script

scripttype=text/javascriptsrc=jquery.jeditable.js/script

jquery实时编辑插件jeditable详细使用文档

发布者：小苗2014/06/02于代码,JS/JQ5条评论

DEMO

这个插件2007年就了，可网上至今很难找到比较完整的中文的使用文档。是使用场景不多

还是大家都懂吧？应该都有，但如果我用了，就总结整理一下吧。实时编辑，就是在原位

置直接编辑，不用另外打开一个编辑页面。有时候我们只是想修改其中一个属性的值，打

开一个完整的编辑页面其实没必要，实际效果就是像phpMyAdmin那样子。插件:

一、导入js文件

text/javascriptsrcjquery.jeditable.js/script

二、基本案例

$(.editable).editable(editable.php,{

type:textarea,//实时编辑input框的type

cancel:取消,//取消编辑按钮的文字

submit:确定,//确认提交按钮的文字

indicator:保存中...,//提交处理过程中显示的提示文字

tooltip:单击编辑...//鼠标悬停时的提示信息

});

把以上代码放到页面加载函数中，就实现的基本的实时编辑。editable.php是点击确定后ajax

提交的地址。以上参数只是实现能出来编辑框而已