我正在开发一个 Laravel 应用程序,该应用程序需要在 UI 中动态加载选择选项,可能会处理大型数据集。目标是实现自动完成功能,其中根据用户输入过滤选项。我正在考虑分页、搜索方向和活动状态控制等因素,以提高效率和用户体验。
嗨,您可以使用此功能通过“select2”进行搜索:
function init_select2_ajax(selector, url, placeholder) {
placeholder = placeholder || "...";
url = url || '/';
$(selector).select2({
minimumInputLength: 3,
dir: "rtl",
width: "100%",
placeholder: placeholder,
language: "fa",
ajax: {
url: url,
dataType: "json",
type: "POST",
quietMillis: 150,
data: function (term) {
return {
term: term
};
},
results: function (data) {
return {
results: $.map(data, function (item) {
return {
text: item.text,
id: item.id
}
})
};
}
}
});
}