通用权限管理系统与第三方前端控件集成实现的多种选择功能

在项目中使用使用了通用权限管理系统的底层代码，同时配合前端控件，实现多种输入选择的功能：

1：直接输入框选择的

 实现在输入字符时自动去后台检索，将匹配项显示在下拉框中，后台对应的实现代码截图：

2：输入框，弹出窗口选人的。

这个功能可实现在点击输入框右侧的按钮时弹出一个窗口，在窗口中点击行时将会将改行对应的项回填到输入框中，窗口中的实现比较简单，有些难度的时点击行时的事件，下面是JS代码部分。

弹出窗口中的双击事件

 

        //双击向top.frmright的窗口传值
        function onDblClickRow(text, value) {
            var txtId = $("#hiddenid").val();
            var bTofrmright = $("#bTofrmright").val()；           
            if (bTofrmright == 'false') {
                top.document.getElementById("_DialogFrame_SiteScan").contentWindow.setValue(text, value, txtId);
                top.Dialog.close();
                return;
            } else if (bTofrmright == 'simple') {
                //top窗体不在框架中
                top.setValue(text, value, txtId);
                top.Dialog.close();
                return;
            } else {
                //刷新数据 中转
                var tabfrmId = "page_" + top.frmright.getCurrentTabId();
                //传ID
                top.frmright.document.getElementById(tabfrmId).contentWindow.setValue(text, value, txtId);
                top.Dialog.close();
            }
                
        }

 

父窗口中的为文本框赋值：

 

        //设置文本框值 
        function setValue(text, value, id) {
            //alert(useSiteId + ":::" + value + "id:" + id);
            $("#" + id + "").attr("relText", text).attr("relValue", value).render();
        };

 
3：输入框，可以选多人的，弹出小窗口选人。

 

可实现下拉框多选的插件：

 

 <fieldset>
         <legend>基本多选下拉框(本地数据)</legend>
           <div class="selectTree" id="selectTree1" multiMode="true" noGroup="true" data='{"treeNodes":[{ "id":"1", "parentId":"0", "name":"员工1"},{ "id":"2", "parentId":"0", "name":"员工2"},{ "id":"3", "parentId":"0", "name":"员工3"},{ "id":"4", "parentId":"0", "name":"员工4"}]}'></div> 
       </fieldset>

 

 

以上功能的实现，配合使用通用权限系统代码非常容易实现。

通用权限系统的的B/S版本会考虑使用第三方组件来实现权限项、用户管理的配置和选择功能，敬请期待~~，如有建议，欢迎留言。