翻譯|使用教程|編輯:龔雪|2022-04-25 10:44:07.937|閱讀 165 次
概述:本文主要為大家介紹Kendo UI for jQuery控件的任務板的搜索工具如何使用,歡迎下載最新版控件體驗!
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
Kendo UI TaskBoard 的工具欄中有一個內置的搜索工具,可允許您搜索卡片數據,搜索工具在后臺使用過濾來僅顯示標題與搜索文本匹配的相關卡片。
搜索工具默認啟用,如果工具欄配置用于顯示其他工具,則搜索工具必須包含在工具欄項目集合中。
以下示例演示了如何顯示默認工具以及自定義按鈕。
<div id="taskBoard"></div>
<script>
$("#taskBoard").kendoTaskBoard({
toolbar: [
"addColumn",
"myCustomButton", // Custom button
"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" }
]
});
</script>
Kendo UI for jQuery是完整的jQuery UI組件庫,可快速構建出色的高性能響應式Web應用程序。Kendo UI for jQuery提供在短時間內構建現在Web應用程序所需要的一切,從多個UI組件中選擇,并輕松地將它們組合起來,創建出酷炫響應式的應用程序,同時將開發時間加快了50%。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@ke049m.cn
文章轉載自:慧都網