aui-autocomplete [ 二 ] 验证未通过保留输入值


<%
long myUserId = ParamUtil.getLong(request, "myUserId",themeDisplay.getUserId());
String myUserName = ParamUtil.getString(request, "myUserName", themeDisplay.getFullName());

PortletRequest portletRequest = (PortletRequest)request.getAttribute(JavaConstants.JAVAX_PORTLET_REQUEST);
if(!SessionErrors.isEmpty(portletRequest)){
myUserId = ParamUtil.getLong(request, "myUserId");
myUserName = ParamUtil.getString(request, "myUserName");
}
%>

<aui:script>
AUI().ready('aui-autocomplete', function(A) {
var states = <%= XXXXUtil.getXXXXXXX() %>;

var autoComplete = new A.AutoComplete(
{
contentBox: '#demo',
dataSource: states,
matchKey: 'name',
typeAhead: true,
autoHighlight: true,
forceSelection:true,
queryMatchCase:false,
queryMatchContains:true,

schema: {
resultFields: ['key', 'name', 'email']
},
on: {
'itemSelect': function(event) {
var key = this._elCurListItem._resultData.key;
var name = this._elCurListItem._resultData.name;

this.inputNode._node.value = name;
$( "#<portlet:namespace />myUserId" ).val(key);
$( "#<portlet:namespace />myUserName" ).val(name);
},

'selectionEnforce': function(event) {
this.inputNode._node.value = '';
$( "#<portlet:namespace />myUserId" ).val('');
$( "#<portlet:namespace />myUserName" ).val('');
}
}
}
);

//override the list format
autoComplete.formatResult = function(result, request, resultMatch) {
return (resultMatch + '<br>'+ result.email+ '<br>  ') || '' ;
};

autoComplete.render();

autoComplete.inputNode._node.value = '<%=myUserName %>';
$( "#<portlet:namespace />myUserId" ).val('<%=myUserId %>');
$( "#<portlet:namespace />myUserName" ).val('<%=myUserName %>');

});
</aui:script>


<div id="demo"></div>
<input type="hidden" id="<portlet:namespace />myUserId", name="<portlet:namespace />myUserId" value="<%= myUserId %>" />
<input type="hidden" id="<portlet:namespace />myUserName", name="<portlet:namespace />myUserName" value="<%= myUserName %>"/>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值