真实国产亂伦XXXX,男女午夜福利,成人h网站

UI組件Kendo UI for jQuery數(shù)據(jù)管理使用教程：TaskBoard - 工具欄

翻譯|使用教程|編輯：龔雪|2022-05-17 10:14:00.000|閱讀 228 次

概述：本文主要為大家介紹Kendo UI for jQuery控件的任務(wù)板是如何添加工具欄的，歡迎下載最新版控件體驗(yàn)！

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

相關(guān)鏈接：

默認(rèn)情況下，Kendo UI TaskBoard的工具欄顯示addColumn 和搜索工具。可以排除默認(rèn)工具，也可以通過(guò)工具欄配置添加自定義工具。

Kendo UI for jQuery最新官方正式版下載

自定義工具

toolbar.items 配置允許您設(shè)置在任務(wù)板的工具欄中呈現(xiàn)的所需工具，工具可以作為字符串或?qū)ο筇砑拥巾?xiàng)目集合中，以防需要額外的配置。

以下示例演示如何將自定義工具添加到工具欄。

<div id="taskBoard"></div>

<script>
$("#taskBoard").kendoTaskBoard({
toolbar: {
items: [
{ type: "button", text: "Add Card", name: "addCard", text: "Add New Card", command: "CustomAddCardCommand", icon: "plus", showText: true },
"spacer",
"search"
]
},
dataOrderField: "order",
dataSource: [
{ id: 1, order: 1, title: "Task 1", description: "Description 1", status: "backlog", category: "red" },
{ id: 2, order: 2, title: "Task 11", description: "Description 11", status: "backlog", category: "red" },
{ id: 3, order: 3, title: "Task 2", description: "Description 2", status: "doing", category: "green" },
{ id: 4, order: 4, title: "Task 22", description: "Description 22", status: "doing", category: "green" },
{ id: 5, order: 5, title: "Task 3", description: "Description 3", status: "done", category: "blue" }
],
columns: [
{ text: "Doing", status: "doing" },
{ text: "Backlog", status: "backlog" },
{ text: "Done", status: "done" }
]
});

kendo.ui.taskboard.commands["CustomAddCardCommand"] = kendo.ui.taskboard.Command.extend({
exec: function () {
var taskboard = this.taskboard;
var options = this.options;

taskboard.addCard({ status: "doing", title: "Add Title", description: "Add Description", category: "green" });
taskboard.dataSource.sync();
}
});
</script>

UI組件Kendo UI for jQuery數(shù)據(jù)管理使用教程：TaskBoard - 工具欄

Kendo UI for jQuery | 下載試用

Kendo UI for jQuery是完整的jQuery UI組件庫(kù)，可快速構(gòu)建出色的高性能響應(yīng)式Web應(yīng)用程序。Kendo UI for jQuery提供在短時(shí)間內(nèi)構(gòu)建現(xiàn)在Web應(yīng)用程序所需要的一切，從多個(gè)UI組件中選擇，并輕松地將它們組合起來(lái)，創(chuàng)建出酷炫響應(yīng)式的應(yīng)用程序，同時(shí)將開(kāi)發(fā)時(shí)間加快了50%。

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：慧都網(wǎng)

上一篇：Go開(kāi)發(fā)工具GoLand使用教程（二）：登記下一篇：java開(kāi)發(fā)工具IDEA JVM框架教程（四）：支持企業(yè)應(yīng)用