kendogantt内taskTemplate属性绑定下拉数据源
时间: 2024-01-21 08:03:34 浏览: 30
在Kendo UI Gantt组件中,你可以使用`taskTemplate`属性绑定下拉列表的数据源。下面是一个示例代码:
```javascript
$("#gantt").kendoGantt({
// 其他配置项
taskTemplate: '<div class="task-template">' +
'<input data-bind="value: title" />' +
'<select data-bind="value: status, source: statusDataSource"></select>' +
'</div>',
dataSource: {
data: [
{ title: "Task 1", status: "Not Started" },
{ title: "Task 2", status: "In Progress" },
{ title: "Task 3", status: "Completed" }
]
},
statusDataSource: [
{ text: "Not Started", value: "not-started" },
{ text: "In Progress", value: "in-progress" },
{ text: "Completed", value: "completed" }
]
});
```
在上面的示例中,`statusDataSource`是一个数组,包含下拉列表的选项。每个选项都有`text`和`value`属性,分别表示显示的文本和对应的值。
在`taskTemplate`属性中,通过`source`属性将`statusDataSource`绑定到下拉列表中。这样,下拉列表的选项就会从`statusDataSource`中动态生成。
注意,数据源中的属性名要与数据绑定中使用的属性名保持一致。在上面的示例中,`status`属性用于绑定下拉列表的值。
希望以上信息能对你有帮助!如果还有其他问题,请随时提问。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)