博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery TextExt 控件使用
阅读量:6046 次
发布时间:2019-06-20

本文共 2594 字,大约阅读时间需要 8 分钟。

 官网:http://www.textextjs.com

 

  兼容浏览器:火狐、IE9+、谷歌

 

         <script src="/js/textExt.js"></script>

         <script language="javaScript">
         $(document).ready(function() {
             $("#tdAddcry").live("click", bindTextArea);
         });
        
        function bindTextArea() {
            $("textarea:last").textext({
                plugins: 'autocomplete tags prompt ajax arrow',
                tagsItems: [],
                prompt: '添加参与人...',
                ajax: {
                    url: '/library/data/uid.json',
                    dataType: 'json',
                    cacheResults: true
                }
            })
             .bind('isTagAllowed', function(e, data) {
                    if ($(e.target).textext()[0]._plugins.tags._formData.toString().indexOf(data.tag) != -1)
                        data.result = false;
             });
        }

 

function addCanYuRen(_t) {
 var html ="<textarea name='txtparuser' rows='1' cols='50'></textarea>";

 

 var trl = $(".addCanyuren");
       $(_t).insertBefore(html);

}

 //有效性验证最难实现,搞了半天

 

function checkvalid() {
 var isvalid = true;
 $("input:[name='txtparuser']").each(function() {
                    if ($(this).val() == "" || $(this).val() == "[]") {
                        alert("请选择参与人!");
                        isvalid = false;
                        return false;
                    }
                });
                return isvalid;
 }
 

 

 

 

 

 

<
body
>

 

<
div
>     

 

<
div
class="addCanyuren">
</div
>

 

 

<
span 
id
="tdAddcry"
 onclick
="addCanYuRen(this)"
 style
="color:#0033FF; cursor:pointer; margin:5px; font-weight:bold;"
>添加参与人
</
span
>

 

</div>

 

 

 

</
body
>

 

 

 

 

 json需要是这样格式的,因为这个控件不能存ID,所以ID放到括号里面了

 

[
"背包客(2)",
"rose(4)",
"snowbaby(12)"
]

 

//
后台
using System.Text.RegularExpressions;
//
如果存在多个textarea,用正则分割,如["rose(2)"],["mike(3)","baby(6)"]
                        List<Hashtable> parternerlist = new List<Hashtable>();
                       
string[] career = GetString(
"
txtcareer
").Split(
'
,
');
                        
string[] rs = Regex.Split(GetString(
"
txtparuser
"), 
@"
(?<=\]),(?=\[)
");
                        
int i=
0;
                        
foreach (
string s 
in career)
                        {
                            Hashtable caht = 
new Hashtable();
                            caht.Add(
"
Career
", s);
                            caht.Add(
"
PartUser
", rs[i]);
                            parternerlist.Add(caht);
                            
                            i++;
                        }
                        HttpContext.Current.Session[
"
parternerlist
"] = parternerlist;

 

//写入数据库

                    List<Hashtable> parternerlist = (List<Hashtable>)System.Web.HttpContext.Current.Session["parternerlist"];

                    System.Web.HttpContext.Current.Session.Remove("parternerlist");
 if (parternerlist != null && parternerlist.Count > 0)
                    {
                        foreach (Hashtable element in parternerlist)
                        {
                            string[] paruserid= new string[4]{
"0","0","0","0"} ;string[] arr = Regex.Replace(element["PartUser"].ToString(), @"[^\d,]+""").Split(',');
                            Array.Copy(arr, paruserid, arr.Length);
                            BLL.addPostParterner(postid, element["Career"].ToString(), Convert.ToInt32(paruserid[0] == "" ? "0" : paruserid[0]), Convert.ToInt32(paruserid[1] == "" ? "0" : paruserid[1]), Convert.ToInt32(paruserid[2] == "" ? "0" : paruserid[2]), Convert.ToInt32(paruserid[3] == "" ? "0" : paruserid[3]));
                        }
                    }

 

 

 

转载于:https://www.cnblogs.com/habin/archive/2012/10/11/2720548.html

你可能感兴趣的文章
阿里云新装数据库无法连接
查看>>
用java实现验证码
查看>>
导数中的最小化日志记录:背景和理论
查看>>
Git教程【译】(三)
查看>>
Jenkins入门总结
查看>>
并发,std::atomic
查看>>
jsp与php、asp的区别
查看>>
nali命令--输出IP地址显示地理信息
查看>>
RabbitMQ erlang "work queues"
查看>>
Global IP in Softlayer
查看>>
Myeclipse中搭建Android开发环境
查看>>
Windows Phone 8 锁屏背景与通知
查看>>
小蚂蚁学习数据结构(17)——树、二叉树性质、储存方式
查看>>
高性能WEB开发之JS、CSS的合并压缩
查看>>
raid卡与hba卡的区别
查看>>
Step3:Upgrade EBS from 12.1.1 to 12.1.3
查看>>
使用 openSSL 实现CA
查看>>
【SCCM排错篇】手动注册SPN提示权限不足
查看>>
TypeScript基础入门 - 泛型 - 泛型类
查看>>
python设计模式(二)--策略模式(中)
查看>>