magicsuggest初体验。ITeye - AG环亚娱乐集团

magicsuggest初体验。ITeye

2019-01-11 17:39:12 | 作者: 易文 | 标签: 提示框,假如,一个 | 浏览: 1908

magicSuggest是一个主动提示插件且支撑多选,下面是详细的运用进程(bootstrap):

1、首先在页面中引进magicSuggest的款式文件和js文件(需求bootstrap和JQuery库),这姿态:
 link href="/assets/css/magicsuggest-min.css" rel="stylesheet" 
 script src="/assets/js/magicsuggest-min.js" /script 


2、页面中增加一个div,例如下面这姿态:

 div id="ms1" required /div 


3、再为magicSuggest初始化,是这样的:
var ms1 = $(#ms1).magicSuggest({
value:[A],
placeholder:请挑选,
data:/message/find,
queryParam:str
});


解释一下:

(1)value是出现在提示框中的值
(2)placeholder是提示,便是显现在文本框中的提示内容,类似于许多网页中的“请在此框中输入xx”
(3)data是数据源,上面写的数据源是去恳求一个url,这个url回来的是json数据,假如不必依据输入内容去动态获取,写死就行了,就像value那样
(4)queryParam是插件依据输入的内容,然后把这个内容传到后台的称号。假如在提示框中输入了a,queryParam是str,数据源是一个url恳求(data:/message/find),那么插件会主动把这个参数传递到后台(处不处理是自己的事),完好的链接是/message/find?str=a,后台能够这样获取:request.getParameter("str");。便是这样。

4、假如要获取提示框中的值便是这个姿态:

$(ms1).on(
  selectionchange, function(e, cb, s){
  var str = cb.getValue();

alert(提示框中的值为:+str);
  });
留意掩盖办法一概是此办法,假如选用
$(#ms1).magicSuggest().on(selectionchange, function(e, cb, s){
  alert(cb.getValue());
  });是不可的,为什么,能够由源码看出,magicsuggest回来的代码是return obj.data(magicSuggest);,回来的不是js目标,假如要重写其间的事情,只能选用上述的办法。


上面的办法是在提示列表中选了一项,然后提示框中的值发作改变了触发的;假如获取到提示框中有多个值,会用,(逗号)分隔。
版权声明
本文来源于网络,版权归原作者所有,其内容与观点不代表AG环亚娱乐集团立场。转载文章仅为传播更有价值的信息,如采编人员采编有误或者版权原因,请与我们联系,我们核实后立即修改或删除。

猜您喜欢的文章

阅读排行

  • 1

    vba upgradeITeye

    文件,程序,晋级
  • 2

    java 多线程ITeye

    线程,作业,内存
  • 3
  • 4

    ClassLoaderITeye

    运用,文件,办法
  • 5
  • 6

    手机号码校验合法性ITeye

    代表,必定,第二位
  • 7
  • 8

    Java 目标巨细的核算ITeye

    目标,巨细,字节
  • 9
  • 10