《关键字选取三步走:第三步,集成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) 以上文章是经过本人设计实践和阅读其他文档得出。如果需要探讨或指教可以留言!欢迎交流!
《关键字选取三步走:第三步,集成mutiselect下拉多选操作与效果》_第1张图片

你可能感兴趣的:(《关键字选取三步走:第三步,集成mutiselect下拉多选操作与效果》)