使用服务器中的数据填充kendoScheduler时间表

Question

我在时间轴视图中使用Kendo UI调度器，我需要用数据库中的数据填充左列。我很难理解怎么做。

我谈论的部分是演示中出现的位置：

resources: [{
    field: "roomId",
    name: "Rooms",
    dataSource: [{
        text: "Meeting Room 101",
        value: 1,
        color: "#6eb3fa"
    }, {
        text: "Meeting Room 201",
        value: 2,
        color: "#f58a8a"
    }],
    title: "Room"
}]

因此，我希望它从服务器加载数据，而不是说"会议室101"，因为单元格的数量会有所不同，所以列将是动态的。

这可能吗？有人能给我一个很好的解释吗？

Answer 1

我不知道你是否仍然对这个解决方案感兴趣，但它是为谷歌设计的；）

你可以使用剑道数据源：

var rooms = new kendo.data.DataSource({
    transport: {
        read: {
            url: "/get/rooms",
            dataType: "json" 
    }
}

然后只分配数据源

resources: [
            {
                field: "roomId",
                name: "Room",
                dataSource: rooms,
                title: "Room"
            }

型号（示例）：

public class RoomResourcesModel
{
    public string text { get; set; }
    public int value { get; set; }
    public string color { get; set; }
}

控制器（示例）：

public ActionResult Rooms()
{
    var model = new List<RoomResourcesModel>();
    model.Add(new RoomResourcesModel { text = "Room 1", value = "1", color = "#CD6600" });
    model.Add(new RoomResourcesModel { text = "Room 2", value = "2", color = "#FF3030" });
    model.Add(new RoomResourcesModel { text = "Room 3", value = "3", color = "#FFD700" });
    return Json(model, JsonRequestBehavior.AllowGet);
}