关于jquery-UI的autocomplete在input框第一次输入中文不显示列表,删除后第二次输入显示列表

l润叶q 2017-07-04 03:06:15
比如在输入框中第一次输入“李”,数据从后台传到了前台,但是不显示;删除“李”字后,第二次再输入“李”就会显示数据
JSP代码:用的vue.js
<div>
<span>姓名:</span> <input type="text" id="name" v-model="name" v-on:keyup="validate">
<div style="color:red;text-align:center;"><span v-show="error">请选择用户!</span></div>
</div>
JS代码:
validate:function(){
if(this.name){
this.getAvaliableUserList(this.name);
this.error=false;
console.log(this.name);
}
},
getAvaliableUserList:function(realName){
var self=this;
base.ajax({
url: "/back/userRole/getAvaliableSchoolUser",
data: {type:self.type,realName:realName},
success: function (rs) {
var names=[];
var details=[];
if(rs){
for(var i=0;i<rs.length;i++){
var name=rs[i].realName+"("+rs[i].code+")";
var detail=rs[i].id+"("+rs[i].code+")";
names[names.length]=name;
details[details.length]=detail;
}
self.details=details;
}
$( "#name" ).autocomplete({
source: names
});
}
});


},
...全文
210 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
**PrimeUI 一套JavaScript Widget控件** PrimeUI是一个来自PrimeFaces的项目。 PrimeFaces是一个轻量级的、支持JSF 2.0的开源组件套件,具有100多个丰富的JSF组件,极大地提高了JSF Web应用程序的开发效率。 PrimeFaces是一个用于提高JSF Web应用程序开发效率的开源类库。主要由三个模块组成: UI Components模块:提供拥有Rich Web用户体验的各种JSF组件,PrimeFaces提供的组件能够处理JavaScript Rendering在服务器端的集成问题。其中包括HtmlEditor、ImageCropper、Dialog、AutoComplete、 Flash based Chart等。并支持通过Ajax更新页面。 Optimus模块:提供简化JSF开发的解决方案。Optimus提供基于Google Guice IOC容器的注释来代替XML配置。Optimus还支持利用JPA实现数据持久化;将DataTable的内容导出成Excel与PDF。支持安全扩展。 FacesTrace模块:提供跟踪JSF Web应用程序的各种工具:JSF LifeCycle可视化查看器;性能跟踪器;Log4J适配器;FacesMessage监听器;组件树可视化查看器。 PrimeUI是一套JavaScript Widget控件,可用于创建UI。PrimeUI是把原PrimeFaces的组件进行解耦,提取出来的JS控件可以用于PHP、ASP、 Wicket、GWT等等的开发。PrimeUI使用JSON数据,并使用jQuery UI的WidgetFactory API提供Widget控件,作为jQuery插件。其代码开源,采用Apache许可证。 PrimeUI最终发布的控件列表包括: - InputText - InputTextarea - SelectOneMenu - RadioButton - Checkbox - CheckboxMenu - Rating - Spinner - AutoComplete - TabView - AccordionPanel - DataTable - DataList - DataGrid - Paginator - Tree - TreeTable - MindMap - Button - ToggleButtons - Menu - Menubar - TieredMenu - ContextMenu - SlideMenu - Breadcrumb - Growl - Fieldset - Panel - Toolbar - Dialog - OverlayPanel - ProgressBar - Inplace - Tooltip - Carousel - TagCloud - PickList - OrderList

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧