在项目中使用使用了通用权限管理系统的底层代码,同时配合前端控件,实现多种输入选择的功能:
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版本会考虑使用第三方组件来实现权限项、用户管理的配置和选择功能,敬请期待~~,如有建议,欢迎留言。