《关键字选取三步走:第三步,集成mutiselect下拉多选操作与效果》

集成过程中发现,mutiselect 是使用的 JQUERY 的jquery.ui.widget.js 工具包。 于是在实现方法上,各种迁就。工具包是个好东西。 与工具包结合的太紧密了。

最终决定。不做分组选择,不做全选和全不选。只通过单选来与模块进行联动。


jquery.multiselect.js改动

     .delegate('input[type="checkbox"], input[type="radio"]', 'click.multiselect', function (e) {
          var $this = $(this);
          var val = this.value;
          var checked = this.checked;
          if(checked)
          {
          var n = SaveArrayObj.findStrinArray(val);
                                    if (-1===n)
                                     {
                                        var inputObj=jQuery("#tag input[type='text'][name='tabinput']:last");
                                        inputObj.val(val);
                                        inputObj.data("isModify", false)
                                        inputObj.blur();
                                    }else
                                    {
                                     alert("此内容已经存在,请重新输入.");
                                     return;
                                    }
          }else
          {
          var n = SaveArrayObj.findStrinArray(val);
           if (-1!=n)
           {
            var inputObj=jQuery("#tag input[type='text'][name='tabinput']").eq(n);
                inputObj.next("span").remove();
                inputObj.remove();
                SaveArrayObj.finddel(val);
           }
          }

初始配置定义:


 $.widget("ech.multiselect", {

        // default options
        options: {
            header: false,//不显示全选的头部
            height: 175,
            minWidth: 225,
            classes: '',
            checkAllText: '全选',
            uncheckAllText: '全不选',
            noneSelectedText: '==请选择==',
            selectedText: '# selected',
            selectedList: 0,
            show: null,
            hide: null,
            autoOpen: false,
            multiple: true,
            position: {},
            appendTo: "body"
        },


本人声明:沐海(http://my.oschina.net/mahaisong) 以上文章是经过本人设计实践和阅读其他文档得出。如果需要探讨或指教可以留言!欢迎交流!

转载于:https://my.oschina.net/mahaisong/blog/144907

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值