kendo-grid - 将数据绑定到剑道多选下拉菜单时出现问题
问题描述
我有一个角度的剑道网格,它应该有一些带有多选下拉列表的列。
当我第一次从列表中选择项目时,该项目被绑定,第二个项目在选择时gridParams
保留第二个项目,但是一旦 API 调用返回数据,列表绑定刷新为无(没有数据绑定到下拉列表)。
下面是相关的代码
{
OC.setReportGridColumns(responsecolumns);
OC.reportsGridOptions = {
dataSource: {
schema: {
data: "Data",
total: "Total",
model: {
fields: OC.GetSchemaFields()
}
},
transport: {
read: function (e) {
gridParams = JSON.parse(JSON.stringify({
CurrentPage: e.data.page,
PageSize: e.data.pageSize,
Sort: e.data.sort,
Filter: e.data.filter
}));
if (gridParams.Filter != undefined) {
var a;
if (gridParams.Filter.filters!= undefined) {
angular.forEach(gridParams.Filter.filters, function (value, key) {
if (value.field === "QuoteStatus") {
value.operator = "in";
a = "'" + value.value + "'";
a = a.replace(",", "','");
value.value = a;
}
});
};
};
ReportService.GetAllAdHocReport(gridParams, '', OC.CustomColumnSelected, TemplateId).then(function (response) {
if (response != '') {
$("li [ui- sref='AdHocReport']").parent().addClass("activelist");
response.Total = response.Data != null && response.Data.length > 0 ? response.Data[0].TotalRecords : 10;
OC.GridConfigDataSource.read();
e.success(response);
OC.hideFilters();
} else {
e.success([]);
}
});
},
},
filterable: {
mode: "row,menu",
extra:false
},
selectable: 'cell',
columns: OC.gridCols,
}
}
}
OC.setReportGridColumns = function (colList) {
var col = JSON.parse(colList).columns;
OC.setfilterDropdown(col);
var cols = col.map(function (value) {
if (value.column == "QuoteStatus") {
return {
field: value.column,
title: value.title,
filterable: OC.filterDropdowns(value.column),
width: value.width,
sortable: true,
};
}
});
}
OC.filterDropdowns = function (column) {
return {
extra: false,
mode: "menu",
multi: true,
cell: {
showOperators: false,
template: function (args) {
/////------****Multi-select Dropdown****------///////
args.element.kendoMultiSelect({
autoBind: true,
dataTextField: "text",
dataValueField: "value",
dataSource: new kendo.data.DataSource({
data: OC.getDataForFilterDropdown(column)
}),
index: 0,
optionLabel: {
text: "--Select--",
value: ""
},
valuePrimitive: true,
});
},
}
}
}
解决方案
推荐阅读
- sql - 不在子句 postgresql 中
- javascript - 如何修复错误“无法读取未定义的属性‘setState’”
- javascript - 使用服务工作者通知的计时器
- python - 如何使用pyspark过滤不包含任何子字符串列表的数据帧行
- excel - 导入多个 CSV 文件,同时为每个导入的文件添加文件名
- docker - Jenkins 管道 - 无法从 'docker inspect my.docker.repo/centos7' 中检索 .Id
- python - tkinter:在每行文本旁边的文本框中动态插入按钮
- jpa - 使用 JPA 问题更新查询
- c# - SQLite 插入语句不执行命令
- javascript - 如何使用 selenium 和 python/javascript 将文件从 pc 拖放到网页