Datatables YADCF选择-带有自定义选项
有一个表,其中包含一些通过提供ajax从服务器加载到DataTable的数据,还有用于服务器端过滤的yadcf。在其中一列中,我有select2框,在我想要看到的内容中,只有预定义的(从服务器加载)选项(在JSFIDLE的示例中,它是Datatables YADCF选择-带有自定义选项,datatables,jquery-select2,yadcf,Datatables,Jquery Select2,Yadcf,有一个表,其中包含一些通过提供ajax从服务器加载到DataTable的数据,还有用于服务器端过滤的yadcf。在其中一列中,我有select2框,在我想要看到的内容中,只有预定义的(从服务器加载)选项(在JSFIDLE的示例中,它是optvariable),但select2中的选项也包含来自该列的数据。如何禁用添加列数据,并保持仅从服务器选项加载 https://jsfiddle.net/6ssh8mg4/ 代码: 您应该使用该属性(对于数据/标签属性),阅读文档 这是一个工作样本 var
opt
variable),但select2中的选项也包含来自该列的数据。如何禁用添加列数据,并保持仅从服务器选项加载
https://jsfiddle.net/6ssh8mg4/
代码:
您应该使用该属性(对于数据/标签属性),阅读文档
这是一个工作样本
var opts = [{value:0, label:"Some 1"},{value:1, label:"Some 2"}];
var table = $("#docTable").DataTable({
processing: true,
serverSide: false,
paging: true,
ordering: true,
deferRender: true,
pageLength: 10,
lengthMenu: [[10, 50, 100, -1], [10, 50, 100, "All"]],
columns: [
{ "data": "Identifier", className: "nowrap" },
{ "data": "Name" },
]
});
yadcf.init(table, [
{
column_number: 0, filter_type: "text", style_class: "form_control", filter_default_label: "" },
{
data: opts,
column_number: 1, filter_type: "select", select_type: "select2", filter_default_label: "",
select_type_options: {
width: '180px',
dropdownAutoWidth: true,
}
},
]);
var opts = [{value:0, label:"Some 1"},{value:1, label:"Some 2"}];
var table = $("#docTable").DataTable({
processing: true,
serverSide: false,
paging: true,
ordering: true,
deferRender: true,
pageLength: 10,
lengthMenu: [[10, 50, 100, -1], [10, 50, 100, "All"]],
columns: [
{ "data": "Identifier", className: "nowrap" },
{ "data": "Name" },
]
});
yadcf.init(table, [
{
column_number: 0, filter_type: "text", style_class: "form_control", filter_default_label: "" },
{
data: opts,
column_number: 1, filter_type: "select", select_type: "select2", filter_default_label: "",
select_type_options: {
width: '180px',
dropdownAutoWidth: true,
}
},
]);