jQuery的剑道UI?下载30天免费试用

资源

Scheduler允许您将事件分配给一组预定义的资源。

小部件支持多个资源。同一资源类型的多个实例可以分配给单个Scheduler事件。Scheduler为您提供了通过Scheduler事件编辑表单分配资源的选项。

单实例资源

单个实例资源是一种资源,其中只能将一个实例分配给Scheduler事件,例如,一个Scheduler显示在两个房间(资源)中举行的会议(Scheduler事件)列表。由于会议可以在一个房间举行,因此可以将其视为单一资源。

下面的示例演示如何使用单个实例资源。如果资源实例具有颜色字段设置时,调度器将使用此值作为分配给该实例的所有事件的背景。

< div id = "调度器" > < / div > <脚本> $(" #调度器")。kendoScheduler({date: new date ("2013/6/6"), dataSource: [{id: 1,开始:新日期("2013/6/6上午11:00 "),结束:新日期("2013/6/6下午1:00 "),标题:"与投资者会面",roomId: 1 //第一个房间(会议室101)的唯一标识符。}, {id: 2, start: new Date("2013/6/6 10:15 AM"), end: new Date("2013/6/6 12:30 PM"), title: "Job Interview", roomId: 2 //第二个房间(102会议室)的唯一标识符。}], resources: [{field: "roomId", // Scheduler事件中包含资源标识符的字段。title: "Room", //在此资源的Scheduler编辑表单中显示的标签。dataSource: [{text: "Meeting Room 101", //资源实例的文本。value: 1, //资源实例标识符。使用该值将事件分配给此实例。color: "#1c9ec4" //用作分配给该资源的事件的背景。}, {text: "Meeting Room 102", value: 2, color: "#ff7663"}]}]}); 

多实例资源

多实例资源是可以将其多个实例分配给Scheduler事件的资源,例如,显示会议和与会者列表的Scheduler。由于一个会议可以有多个与会者参加,因此可以将其视为一个多实例资源。

下面的示例演示如何使用多个实例资源。调度程序将使用颜色的第一个资源实例作为调度器事件的背景。

< div id = "调度器" > < / div > <脚本> $(" #调度器")。kendoScheduler({日期:新的日期(“2013/6/6”),数据源:[{id: 1、开始:新的日期(“2013/6/6十一时”),结束:新的日期(“2013/6/6一点点”),标题:“会见投资者”,与会者:[2、3]/ /鲍勃(值:2)和查理(价值:3)},{id: 2,开始:新的日期(“2013/6/6上午10点”),结束:新的日期(“2013/6/6 12:30”),标题:“面试”,与会者:[1,2]/ /亚历克斯(价值:1)和鲍勃(值:2)}),资源:[{字段:" participants ", // Scheduler事件的字段,包含资源标识符。title: " participants ", //在此资源的Scheduler编辑表单中显示的标签。dataSource: [{text: "Alex", //资源实例的文本。value: 1, //资源实例标识符。使用该值将事件分配给此实例。color: "#ef701d" //用作分配给该资源的事件的背景。}, {text: "Bob",值:2,color: "#5fb1f7"}, {text: "Charlie",值:3,color: "#35a964"}], multiple: true //表示这是一个多实例资源。}]}); 

多种资源类型

调度器支持无限资源类型。例如,您可以将单个和多个资源示例合并为一个。

< div id = "调度器" > < / div > <脚本> $(" #调度器")。kendoScheduler({日期:新的日期(“2013/6/6”),数据源:[{id: 1、开始:新的日期(“2013/6/6十一时”),结束:新的日期(“2013/6/6一点点”),标题:“会见投资者”,roomId: 1 / /会议室101(价值:1)与会者:[2、3]/ /鲍勃(值:2)和查理(价值:3)},{id: 2,开始:新的日期(“2013/6/6上午10点”),结束:新的日期(“2013/6/6 12:30”),标题:“面试”,roomId: 2 / /会议室102(值:2)与会者:[1,2]/ /亚历克斯(价值:1)和鲍勃(值:2)}),资源:[//第一个资源类型定义{field: "roomId", // Scheduler事件中包含资源标识符的字段。title: "Room", //在此资源的Scheduler编辑表单中显示的标签。dataSource: [{text: "Meeting Room 101", //资源实例的文本。value: 1, //资源实例标识符。使用该值将事件分配给此实例。color: "#1c9ec4" //用作分配给该资源的事件的背景。}, {text: "Meeting Room 102", value: 2, color: "#ff7663"}]}, //第二个资源类型定义。{field: " participants ", // Scheduler事件的字段,包含资源标识符。 title: "Attendees", // The label displayed in the Scheduler edit form for this resource. dataSource: [ { text: "Alex", // The text of the resource instance. value: 1, // The identifier of the resource instance. Use that value to assign an event to this instance. color: "#ef701d" // Used as the background of events assigned to this resource. }, { text: "Bob", value: 2, color: "#5fb1f7" }, { text: "Charlie", value: 3, color: "#35a964" } ], multiple: true // Indicate that this is a multiple instance resource. } ] }); 

分级资源分组

2021 R2release Scheduler支持分层资源分组。通过这种改进,允许每个父资源成员拥有不同的子资源组。例如,如果调度器有“Rooms”作为父资源,不同的参会者可以分配给每个房间。的parentValue子资源中的字段指向各自的父资源。的dataParentValueField可用于配置子资源中哪个字段包含父值。如果子资源成员没有指定父值,则将为每个父资源呈现该子资源。所有的小组应该有相同数量的级别(例如,没有指定的参与者就不能有一个房间)。

资源的顺序应该遵循父子关系。最后一个资源不能是父资源。只有最后一个资源可以配置为允许多个实例资源。

< div id = "调度器" > < / div > <脚本> $(" #调度器")。kendoScheduler({日期:新的日期(“2013/6/6”),majorTick: 720年,数据源:[{id: 1、开始:新的日期(“2013/6/6十一时”),结束:新的日期(“2013/6/6一点点”),标题:“会见投资者”,roomId: 1,与会者:[1,2]},{id: 2,开始:新的日期(“2013/6/6上午10点”),结束:新的日期(“2013/6/6 12:30”),标题:“面试”,roomId: 2,与会者:[3]},{id: 2,开始:新的日期(“2013/6/6 15点”),结束:新的日期(2013/6/6下午4:30),标题:“演讲”,roomId: 2,参加者:[1,3]}],组:{资源:[“Rooms”,“”],},资源:[{字段:“roomId”,名称:“Rooms”,数据源:[{文本:“会议室101”,值:1,颜色:“#6eb3fa”},{文本:“会议室201”,值:2,颜色:“#f58a8a”}],标题:“Room”},{字段:“”,名称:“”,数据源:[{文本:“Alex”,值:1,颜色:“#f8a398”},{文本:“Bob”,值:2,颜色:“#51a0ed”,parentValue: 1},{文本:“Charlie”,值:3,颜色:“#56ca85”,parentValue: 2}],多个:true, title: " participants "}]});

另请参阅

在本文中
Baidu
map