第3.1.4章 WEB系统最佳实践 js控件之bootstrap-suggest-plugin

bootstrap-suggest-plugin插件地址,这是一个简单的编辑提示控件
bootstrap-suggest-plugin demo地址
第3.1.4章 WEB系统最佳实践 js控件之bootstrap-suggest-plugin_第1张图片
页面如下面所示,使用此控件

js侧这里用到了两个字段keeperUserName,keeperUser。其中keeperUser是用来保存用户数据的id,因为很多form表单保存的数据库中都是数据的id,而不是数据显示值。

 $('#keeperUserName').bsSuggest({
    		url:ctx+'/fontalUser/find?filter_likes_name=',
    		getDataMethod:'url',
    		effectiveFields:['username','name','phone'],
    		effectiveFieldsAlias:{username:'用户账号',name:'姓名',phone:'手机号'},
    		showHeader:true,
    		allowNoKeyword:false,
    		multiWord:false,
    		idField:'id',
    		keyField:'name'
    	}).on('onSetSelectValue', function (e, keyword, data) {
            $('#keeperUser').val(data.id);
        });

你可能感兴趣的:(岁月云——Web系统最佳实践,岁月会计云——前端开发,bootstrap)