我在jquery对话框中使用select2插件,但是不行.当下降时,焦点移动到输入控件,但立即离开它,不允许我输入任何内容.
这是HTML：
<div id="asignar_servicio" title="Asignar servicios a usuarios">
<input type="hidden" class="bigdrop" id="a_per_id" />
</div>
这是JavaScript代码：
$( "#asignar_servicio" ).dialog({
autoOpen: false,height: 500,width: 450,modal: true,buttons: {
"Cancelar": function () {
$('#asignar_servicio').dialog('close');
}
}
});
$("#a_per_id").select2({
placeholder: "Busque un funcionario",width: 400,minimumInputLength: 4,ajax: {
url: "@Url.Action("Search","Personal")",dataType: 'json',data: function (term,page) {
return {
q: term,page_limit: 10,};
},results: function (data,page) {
return { results: data.results };
}
}
}).on("change",function (e) {
var texto = $('lista_personal_text').val().replace(/ /g,'');
if (texto != '')
texto += ',';
texto += e.added.text;
var ids = $('lista_personal_id').val().replace(/ /g,'');
if (ids != '')
ids += ',';
ids += e.added.id;
});
我在其他页面中有相同的代码,它的工作原理.
任何帮助将不胜感激,
谢谢
海梅
解决方法
jstuardo的链接很好,但是在该页面上有很多可以筛选.以下是您需要的代码：
$.ui.dialog.prototype._allowInteraction = function(e) {
return !!$(e.target).closest('.ui-dialog,.ui-datepicker,.select2-drop').length;
};
只需将其添加到您设置select2下拉列表的任何位置即可.