码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-01-26 08:55:09      阅读:281      评论:0      收藏:0      [点我收藏+]

标签:

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

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版本会考虑使用第三方组件来实现权限项、用户管理的配置和选择功能,敬请期待~~,如有建议,欢迎留言。

 

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

标签:

原文地址:http://www.cnblogs.com/hnsongbiao/p/4249058.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!