JS组件Bootstrap Select2使用方法解析

前端之家收集整理的这篇文章主要介绍了JS组件Bootstrap Select2使用方法解析前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文总结了组件Bootstrap Select2在一些实际项目中的用法分享给大家,有需要的朋友可以借鉴一下,少走些弯路,具体内容如下

效果图:

无论是固定方式获取数据还是ajax获取都需要引入bootstrap.js/css 和 select2.js/css及:

{{ javascript_include('js/lib/jquery.js') }}
{{ javascript_include('js/lib/select2.full.js') }}
{{ javascript_include('js/lib/bootstrap.js') }}
<div class="container">
<section id="tags" class="row">
<div class="col-md-4">

固定方式获取

自定义tag createSearchChoice:function(term,data) { alert(1); if ($(data).filter(function() { return this.text.localeCompare(term)===0; }).length===0) {return {id:term,text:term};} },multiple: true,data: [{id: 0,text: 'story'},{id: 1,text: 'bug'},{id: 2,text: 'task'}] });

ajax方式获取

说明

在ajax中的数据返回格式应该是这个样子滴(results):PHP代码例子

"1",text=>"java"); $p2 = array(id => "2",text=>"jvm"); $test = array(1=>$p1,2=>$p2); $params['responseData'] = $test; $this->view->disable(); return parent::ajaxResponse($params);

如果大家还想深入学习,可以点击进行学习,再为大家附3个精彩的专题:

以上就是关于select2的一些用法介绍,希望对大家的学习有所帮助。

猜你在找的Bootstrap相关文章