Как создать временную шкалу ресурса, такую ​​как view, но для dayGridView? - PullRequest
Новая
       97

Как создать временную шкалу ресурса, такую ​​как view, но для dayGridView?

1 голос
/ 03 марта 2020

Я пытаюсь построить вид, подобный картинке ниже. Я пробовал представление resourceDayGrid, но этот размещает ресурсы в виде столбцов, а не строк. Я также попробовал resourceTimelineDay, resourceTimelineWeek и resourceTimelineMonth и установил slotDuration: «24:00:00», но это мне не подходит, поскольку слоты, которые не занимают 24 часа, не занимают всю ширину ячейки.

Пример: 

views:{
  resourceTimelineMonth:{
    duration: { days:7 },
    slotDuration:'24:00:00'
  },
  resourceTimelineWeek:{
    duration: { days:7 },
    slotDuration:'24:00:00'
  },
  resourceTimelineDay:{
    duration: { days:7 },
    slotDuration:'24:00:00'
  }
},

https://codepen.io/tuancaraballo/pen/poJrwLy?editable=true&editors=001

Есть ли у вас какие-либо предложения? Буду признателен, если вы укажете мне правильное направление.

Заранее спасибо.

enter image description here

1 Ответ

2 голосов
/ 03 марта 2020

Нет смысла объявлять «resourceTimelineMonth», а затем устанавливать его продолжительность на 7 дней. То же самое для "resourceTimelineDay". Его продолжительность определяется уже по названию. Точно так же вам не нужно беспокоиться об установке продолжительности resuorceTimelineWeek равной 7 дням - это уже есть!

И чтобы события растягивались на всю ширину, вы должны определить slotDuration в днях, а не в часах.

Таким образом, вы можете упростить определения вашего представления до этого: 

views:{
    resourceTimelineWeek: {
      slotDuration: { days: 1 }
    }
},

Демонстрация: https://codepen.io/ADyson82/pen/LYVjLMB

...