DayPilot.Scheduler.resources

An array with resources that will be displayed as rows.

Resource Structure (Properties)

  • id
  • name
  • html
  • areas (array)
  • toolTip
  • backColor
  • cssClass 
  • contextMenu
  • dynamicChildren
  • expanded (boolean) - sets the tree node expanded/collapsed state
  • children (array)
  • columns (array) - items support html, cssClass, and backColor properties
  • eventHeight (integer) - default event height for this resource (in pixels)

Example

Resource tree

dp.resources = [
 { name: "Room A", id: "A", expanded: true, children:[
     { name : "Room A.1", id : "A.1" },
     { name : "Room A.2", id : "A.2" }
   ] 
 },
 { name: "Room B", id: "B" },
 { name: "Room C", id: "C", dynamicChildren: true }
];

Columns

dp.resources = [
  { name: "Room 101", id: "101", columns: [{html: "Floor 1", backColor: "#ccc"},  {html: "2 beds", cssClass: "highlight" }] },
  { name: "Room 102", id: "102", columns: [{html: "Floor 1"},  {html: "3 beds"}] },
  { name: "Room 103", id: "103", columns: [{html: "Floor 1"},  {html: "1 bed"}] },
  { name: "Room 201", id: "201", columns: [{html: "Floor 2"},  {html: "2 beds"}] }
];

Main menu

DayPilot for JavaScript, ASP.NET WebForms, ASP.NET MVC, Java