基于jq的编辑插件singleEdit

前段时间遇到网站整顿，singleEdit主页一直无法打开，现在恢复正常，请大家继续支持！

 

 

目前支持8种编辑方式

身份证，email等31种自带验证模式

验证模式可以自行添加修改

ajax无刷新保存数据

数据联动更新

自定义更换皮肤

全部主流浏览器支持

 

 

目前更新至1.0.3版本！

需要引入的文件

必需

• jquery.latestVersion.js(jquery框架最新版本)
• jquery.singleEdit.js(插件主要文件)
• lang/singleEdit_zh-cn.js(语言文件包)
• theme/singleEdit.css(样式文件)

可选

• plugins/formValidatorRegex.js(客户端数据验证插件，如果需要执行数据验证功能请引入此插件)
• plugins/wbfsaTextAreaEncode.js(文本域输入编辑插件，如果需要文本域编辑功能请引入此插件，此插件的功能为转换textarea输入中的/n/r换行符为)
• calender/WdatePicker.js(日历调用)
• rater/jquery.rater.js(评分调用)

 

 

 代码：

$(function() {
 
            $(".example").singleEdit({
                data: { textbox: "(请点击我)"},//设置编辑对象的值，也可以在对象内直接赋值
                main: [
                 { id: "textbox", type: "textbox" }//id对应要编辑的对象，type设置编辑方式
                ]
            });     
         });

 

 

 

 

 

$(function() {
            $(".example").singleEdit({
                data: { key: "(请点击我)"},//设置编辑对象的值
                main: [
                 { id: "key", type: "keyboard" }//id对应要编辑的对象，type设置编辑方式
                ]
            });     
         });

 

 

 

 

$(function() {
            $(".example").singleEdit({
                selection: [
                { id: "ch", item: [{ zID: 0, zname: "(请点击我)" }, { zID: 1, zname: "多选框选项1" }, { zID: 2, zname: "多选框选项2" }, { zID: 3, zname: "多选框选项3"}] }//设置选项，id对应main中的id
                ],
                data: { ch: 0},//接受一个“0|1|2”类似的字符串
                main: [
                 { id: "ch", type: "check" }//id对应要编辑的对象，type设置编辑方式
                ]
            });     
         });

 

 

 

 目前支持8种编辑方式。

 

下载地址：http://plugins.jquery.com/project/SingleEdit

 

演示：http://www.wbfsaworkstation.com.cn

 

x下了，写写分享

挨个试了一下，楼主做的很不错。ui给人感觉很清新简洁。。
导航栏在ie下有些变形的感觉。

如果在项目中使用你的这些组件，应该没有什么协议之类的问题吧？

复选框有点小问题吧，感觉全选和返选不应该同时可以选中，而且全选后，如果取消某个选项，全选不应该是选中状态，应该是未选中状态，这样感觉全选才对吧！

我感觉键盘输入编辑的那个大小写键应该是CAPSLOCK 键吧

我还没有在IE6 下测试过。。。 其他浏览器应该没有问题的~~~ 主要是时间不够， 我还在积极改进中

朋友很细心啊~~我没有注意到，下个版本会改进

键盘还会加以改进的，今后将支持每个键位自定义显示/隐藏

本插件是开源的，用在商业项目上都行。

很棒的插件,要是再多点功能就好了