miércoles, 21 de octubre de 2015

Select2.js dentro de un modal de bootstrap

Cuando usamos un select2 dentro de un modal de bootstrap 3 lo primero que hay que hacer es remover el atributo tabindex="-1" del div del modal y a continuación, después de cargar los scripts de boostrap y select2 tenemos que sobreescribir el método enforceFocus para poder hacer focus en el campo de búsqueda del select2 el cual se obtiene mediante la clase 'select2-search__field'. De tal manera que a mi me funcionó de la siguiente manera:


$.fn.modal.Constructor.prototype.enforceFocus = function() { modal_this = this $(document).on('focusin.modal', function (e) { if($(".select2-search__field").length > 0){ document.getElementsByClassName('select2-search__field')[0].focus(); document.getElementsByClassName('select2-search__field')[0].select(); } }) };

Saludos!

Y si buscan una buena compu para programar aquí puedes comprar una mac usada.