将kendo网格绑定到dropdownlist,未填充时列显示'undefined'的问题,可以通过以下步骤来解决:
<div id="grid"></div>
var dropdownlistValue = $('#dropdownlistId').val(); // 使用jQuery获取dropdownlist的值
var gridDataSource = new kendo.data.DataSource({
transport: {
read: {
url: 'url/to/get/grid/data?dropdownlistValue=' + dropdownlistValue, // 使用获取到的dropdownlist值作为参数
dataType: 'json'
}
},
schema: {
// 设置网格数据的字段映射
// ...
}
});
$('#grid').kendoGrid({
dataSource: gridDataSource,
columns: [
// 设置网格的列
// ...
]
});
template
属性来指定一个模板,当数据为空时显示自定义的文本。{
field: 'fieldName',
title: 'Column Title',
template: '#= data.fieldName !== undefined ? data.fieldName : "Custom Text" #'
}
这样,当dropdownlist的值发生变化时,kendo网格会重新加载数据,并在未填充时的列中显示自定义的文本。
领取专属 10元无门槛券
手把手带您无忧上云