在一個(gè)頁(yè)面當(dāng)中，我們可能會(huì)需要有多個(gè)的用戶選擇器進(jìn)行快速的錄入，此時(shí)會(huì)發(fā)現(xiàn)所有的輸入都會(huì)在最后一個(gè)用戶選擇器的地方顯示?
?
查看頁(yè)面代碼當(dāng)中的ID也是不一致：?

查看通過(guò)標(biāo)簽生成之后的源碼，可以發(fā)現(xiàn)所有的用戶選擇器都會(huì)生成一個(gè)

<input readonly="readonly" type="text" id="userName_1" name="userName_1" style="width: 150px" onclick="openUserSelect()" /> <input id="userId_1" name="userId_1" type="hidden" /> function openUserSelect() {$.dialog({content: 'url:userController.do?userSelect',zIndex: getzIndex(),title: '用戶名稱',lock: true,width: '400px',height: '350px',opacity: 0.4,button: [{name: '確定',callback: callbackUserSelect,focus: true}, {name: '取消',callback: function () {}}]}); } function callbackUserSelect() {var iframe = this.iframe.contentWindow;var rowsData = iframe.$('#userList1').datagrid('getSelections');if (!rowsData || rowsData.length == 0) {tip('<t:mutiLang langKey="common.please.select.edit.item"/>');return;}var ids = '',names = '';for (i = 0; i < rowsData.length; i++) {var node = rowsData[i];ids += node.id + ',';names += node.realName + ',';}$('#userName_1').val(names);$('#userName_1').blur();$('#userId_1').val(ids); }

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39

點(diǎn)擊輸入框調(diào)用的js方法都是一樣的，看到這里也就可以明白為什么都是只有最后一個(gè)用戶選擇輸入框當(dāng)中有數(shù)據(jù)了。

因此我們對(duì)后臺(tái)當(dāng)中標(biāo)簽代碼生成部分進(jìn)行改造，讓其支持多個(gè)用戶選擇器：?
修訂類：src/main/java/org/jeecgframework/tag/core/easyui/UserSelectTag.java?
當(dāng)中的end方法：

public StringBuffer end() {……sb.append("<input readonly=\""+readonly+"\" type=\"text\" id=\"" + selectedNamesInputId + "\" name=\"" + selectedNamesInputId + "\" style=\"width: "+inputWidth+"\" onclick=\"open"+StringUtil.firstUpperCase(selectedNamesInputId)+"UserSelect()\" ");if(StringUtils.isNotBlank(userNamesDefalutVal)){sb.append(" value=\""+userNamesDefalutVal+"\"");}sb.append(" />");if(oConvertUtils.isNotEmpty(selectedIdsInputId)){sb.append("<input id=\"" + selectedIdsInputId + "\" name=\"" + selectedIdsInputId + "\" type=\"hidden\" ");if(StringUtils.isNotBlank(userIdsDefalutVal)){sb.append(" value=\""+userIdsDefalutVal+"\"");}sb.append("/>");}……sb.append("function open"+StringUtil.firstUpperCase(selectedNamesInputId)+"UserSelect() {");sb.append(" $.dialog({content: 'url:userController.do?userSelect', zIndex: getzIndex(), title: '" + title + "', lock: true, width: '" + windowWidth + "', height: '" + windowHeight + "', opacity: 0.4, button: [");sb.append(" {name: '" + commonConfirm + "', callback: callback"+StringUtil.firstUpperCase(selectedNamesInputId)+"UserSelect, focus: true},");sb.append(" {name: '" + commonCancel + "', callback: function (){}}");sb.append(" ]});");sb.append("}");sb.append("function callback"+StringUtil.firstUpperCase(selectedNamesInputId)+"UserSelect() {");sb.append("var iframe = this.iframe.contentWindow;");sb.append("var rowsData = iframe.$('#userList1').datagrid('getSelections');");……sb.append("}");sb.append("</script>");return sb;}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36

主要修訂當(dāng)中的js方法名稱

總結(jié)

以上是生活随笔為你收集整理的JEECG 页面多个用户选择器只显示最后一个的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。