Grid scheduler - Complex Setting

Title:

BI{code} ?

I have to create a page with a "dynamic" room reservation grid. Specifics : 1) 1 column is the name of room (have to fix, not scrollable), other cols are the days of the selected month 2) a reserved room have the relative cell filled with a rectangle with name and a x icon (for removing) 3) each rectangle can be dragged to other cells (is client change day reservation) 4) a rectangle can be fill more than 1 cell (for many time reservations) I see your scheduler demo and I have some questions : 1) Awesome grid can fix columns (always visible) ? 2) Can I fill with a DIV more 1 cell ? 3) Can I drag a div from cell to another ?

Save Changes Cancel

Meccanica Rossi

asked at 20 Jun 2018

Answers

• BI{code} ?

  the awesome grid doesn't have non-scrollable columns (frozen/fixed), there's only frozen rows, you could go around that by having 2 grids, but you'll have to sync the vertical scrolling and row height between the 2 grids, and don't use grouping or nesting. an alternative would be to hide columns using the columns selector or autohide (based on window width) and make the first column `NoHide()`, for an example open this demo: https://demo.aspnetawesome.com/GridCrudDemo and try resizing your browser window to make really small you can't fill 2 cells with one div, this is done by having a container div inside the grid with position absolute, that container will contain all the divs that need to be in more than 1 cell, and you calculate the x and y (css top and left) of the div to put it above the 2 cells. again, alternative is to do what we did in the scheduler demo and have a separate div in both cells. you can implement drag and drop from one cell to another, have a look at our demos for start: https://demo.aspnetawesome.com/DragAndDropDemo

  Save Changes Cancel

  

  Omu

  answered at 20 Jun 2018

please Sign In to leave an answer