基于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

 

评论

34 楼 静静的天空 2010-10-25  

楼主网站打不开了，而且Google和jQuery里全是1.0.0版的。

33 楼 kjj 2010-01-13  

不错，不知道日历控件有没有计划加上农历的！！

32 楼 vvnet 2009-12-10  

8错，试用中

31 楼 loess 2009-12-07  

写的不错，我推荐给我们的开发

30 楼 rplees 2009-12-06  

适用下，感觉很不错。

29 楼 szwx855 2009-12-06  

呵呵，蛮好的一个插件，谢谢LZ，收藏了。

28 楼 daxiong921 2009-12-06  

好东西，收藏了～

27 楼 wbfsa 2009-12-03  

习惯在马桶上思考 写道

看了.但在想一个问题.这些组件写得不错,但实用性强吗?有些东西或许用标签与数据库进行动态交互很简单.到这里反而变得复杂了,比较复选框的使用,下拉列表的使用等.而且很多标签大部分程序员都已经很习惯了它的用法了,改用这个,很多程序员要去学习它的用法.又凭什么感觉这些组件会有市场呢?

恩 说得很好，有思维碰撞才能产生火花。我来说说我的看法
我开发这个组件最初是为了配合我的项目，我的项目是一个营销管理系统，要构建一个客户的详细信息页面，这个页面包含80个与该客户相关的信息字段，首先这80个字段不可能一次性提交更新，所以编辑一个更新一个是不错的方案；其次绑定数据和做客户端验证非常麻烦，做好了这些往往导致前台布局凌乱不堪。所以我想到要做这样一个插件来弥补这些不足。 可能对于统一页面10个以下字段的更新不能体现出他的优势，但是一个页面上存在的需要更新字段越多，就越能体现singleEditde的优势。
它的使用是非常简单的！你看看我的教程，就会知道。
目前它的功能还在不断加强！也请你继续关注它的发展

26 楼 习惯在马桶上思考 2009-12-03  

看了.但在想一个问题.这些组件写得不错,但实用性强吗?有些东西或许用标签与数据库进行动态交互很简单.到这里反而变得复杂了,比较复选框的使用,下拉列表的使用等.而且很多标签大部分程序员都已经很习惯了它的用法了,改用这个,很多程序员要去学习它的用法.又凭什么感觉这些组件会有市场呢?

25 楼 wbfsa 2009-12-02  

liaodanz 写道

那反选功能基本用不上，不要最好。画蛇添足~~~

朋友如果选项过多，就会凸显出他的用途了~~

24 楼 liaodanz 2009-12-02  

那反选功能基本用不上，不要最好。画蛇添足~~~

23 楼 wbfsa 2009-12-02  

ycfdonews 写道

"文本域输入编辑",如果内容很多的时候,界面就被撑开了,如果能显示一部分,多余部分用省略号代替会好些

下次改动会加入针对文本域的文字计数功能和省略功能的！谢谢建议哈

22 楼 wbfsa 2009-12-02  

cdefg198 写道

lz,这个写得不错，时间控件不够齐全，这个实用性怎么样呢？

是指属性暴露得不够多吗？

21 楼 zenggang2008 2009-12-02  

开源的啊,楼主精神可嘉,希望下个项目能用上楼主的控件,真的很棒

20 楼 ycfdonews 2009-12-02  

"文本域输入编辑",如果内容很多的时候,界面就被撑开了,如果能显示一部分,多余部分用省略号代替会好些

19 楼 cdefg198 2009-12-02  

lz,这个写得不错，时间控件不够齐全，这个实用性怎么样呢？

18 楼 wbfsa 2009-12-02  

jejwe 写道

wbfsa 写道

akunamotata 写道

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

功能还会完善的，内核已经写好了，就等着扩展了~~呵呵
最终目的是应用于表格的编辑

适合来做自定义表单

其实我最初开发它的目的就是快捷的生成一个关于客户详细信息的页面，页面中实现客户数据的更新，我已经把它用到自己的项目中了，开发速度确实快捷了许多，而且代码比起以前工整了许多。

可是自从我看到http://developer.yahoo.com/yui/examples/datatable/dt_cellediting.html 这个yahoo的表格之后，发现singleEdit用在表格编辑方面也未尝不可。不过现在还在处于完善阶段。请继续关注singleEdit。各位宝贵的意见是我更新的动力。

17 楼 jejwe 2009-12-01  

wbfsa 写道

akunamotata 写道

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

功能还会完善的，内核已经写好了，就等着扩展了~~呵呵
最终目的是应用于表格的编辑

适合来做自定义表单

16 楼 wbfsa 2009-12-01  

aystnd 写道

好像不支持按esc键取消功能，我觉得这个很有必要加上

这个很实用

15 楼 aystnd 2009-12-01  

好像不支持按esc键取消功能，我觉得这个很有必要加上