Telerik UI for ASP。网络核心?下载30天免费试用

数据绑定

TaskBoard提供了将其绑定到的选项当地的而且远程数据

绑定本地数据

本地数据是初始化TaskBoard时客户端上可用的数据。

下面的示例演示如何绑定保存在ViewData中的TaskBoard数据。

@ (Html.Kendo () .TaskBoard () . name(移入).Columns (c = > {c.Add()。text(“待办事项”).Status(“备忘录”);c.Add()。文本(“进步”).Status(“inProgress”);c.Add()。text(“做”).Status(“完成”);}) .DataDescriptionField("Description") .DataStatusField("Status") .DataTitleField("Title") .DataOrderField("Order") .BindTo((IEnumerable) viewpackage . cards)))
@{var cards=(IEnumerable)ViewBag.Cards;}  < taskBoard -columns>      
公共的部分类TaskBoardController:控制器{公共ActionResult Index() {ViewBag。Cards = GetCards();返回视图();}私有静态IList < CardViewModel > GetCards () {IList < CardViewModel >卡=新列表< CardViewModel >(){新CardViewModel {ID = 1, Title =“广告分析”,订单= 1,描述=“评论广告表现”=“待办事项”状态,颜色=“蓝色”},新CardViewModel {ID = 2, Title =“SEO分析”,订单= 2,=“审查搜索引擎优化的结果”,描述状态=“待办事项”,颜色=“蓝色”},新CardViewModel {ID = 3, Title =“内容”,订单= 3,描述=“播客计划内容”,地位=“待办事项”,颜色=“橙色”},新的CardViewModel {ID = 4,标题=“客户研究”,订单= 4,描述=“从用户访谈中提炼反馈”,状态=“正在进行”,颜色=“橙色”},新的CardViewModel {ID = 5,标题=“活动”,订单= 5,描述=“与设计师合作新横幅”,状态=“正在进行”,颜色=“橙色”},新的CardViewModel {ID = 6,标题=“客户旅程”,订单= 6,描述=“回顾购物车体验”,状态=“完成”,颜色=“绿色”},new CardViewModel {ID = 7, Title =" Content", Order = 7, Description =" Publish new blogpost", Status ="done", Color= "green"}, new CardViewModel {ID = 8, Title =" Post-Release Party", Order = 8, Description =" Plan new release celebration", Status ="done", Color= "blue"},};返回卡;}}

绑定远程数据

还可以将TaskBoard绑定到远程数据。远程数据绑定支持从服务器检索数据。有关更多信息,请参阅DataSource概述文章

下面的示例演示如何通过配置卡的列DataSource和DataSource在TaskBoard中启用远程绑定。

@ (Html.Kendo () .TaskBoard < Kendo.Mvc.Examples.Models.Scheduler。TaskViewModel, kendo . mvc . instances . models . taskBoard . column >() . name ("taskBoard") . columnSettings (columnSettings => columnSettings . datatextfield ("Text") . datastatusfield ("ID")) . columns (dataSource => dataSource . ajax () . read ("Remote_Data_Binding_Columns_Read", "taskBoard") . datatitlefield ("Title") . datastatusfield ("OwnerID") . datadescriptionfield ("Description") . datacategoryfield ("ID") . templateid ("card-template") . dataSource (dataSource => dataSource . ajax () . model (model =>模型。Id(p => p. taskid)) . read (read => read。Action("Remote_Data_Binding_Read", "TaskBoard")) . update (update => update。Action("Remote_Data_Binding_Update", "TaskBoard"))) .可编辑(false))
 < taskBoard -columns>  <传输> <读取url="@Url。操作(“Remote_Data_Binding_Columns_Read”、“周期”)"/>     < model id="TaskID">          
 .
public分部类TaskBoardController: Controller {public ActionResult Remote_Data_Binding() {return View();} public virtual JsonResult Remote_Data_Binding_Read([DataSourceRequest] DataSourceRequest request) {return Json(taskService.GetAll().ToDataSourceResult(request));} public virtual JsonResult Remote_Data_Binding_Update([DataSourceRequest] DataSourceRequest request, TaskViewModel task) {if (ModelState.IsValid) {taskService. JsonResult Remote_Data_Binding_Update([DataSourceRequest] DataSourceRequest request, TaskViewModel task)更新(任务、状态);}返回Json(new[] {task}.)ToDataSourceResult(请求状态));} public virtual JsonResult Remote_Data_Binding_Columns_Read([DataSourceRequest] DataSourceRequest request){返回Json(Remote_Data_Binding_GetColumns().ToDataSourceResult(request));} private static IList Remote_Data_Binding_GetColumns() {IList taskBoardColumns = new List() {new Column {ID = 1, Text = "Pending", Status = "Pending"}, new Column {ID = 2, Text = "Under Review", Status = "underReview"}, new Column {ID = 3, Text = "Scheduled", Status = "Scheduled"}};返回taskBoardColumns;}}

另请参阅

在本文中
Baidu
map