Calendar view with inputs
Calendar view with inputs
krq
Posts: 2Questions: 1Answers: 0
Hi! Has anyone tried building a calendaresque view with weeks pagination and inputs in every cell? I wonder if it's possible to do so with ajax
Usecase:
- You have a list of products. Every product has quantity.
- There's a calendar view showing weekdays(eg below)
- There's a week paginator at the bottom of the page
- You switch between weeks and enter quantity into the inputs
1 dec | 2 dec | 3 dec | 4 dec | 5 dec | 6 dec | 7 dec | total month | |
---|---|---|---|---|---|---|---|---|
p1 | input | input | input | input | input | input | input | 0 |
p2 | input | input | input | input | input | input | input | 0 |
p3 | input | input | input | input | input | input | input | 0 |
total week | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
I only found a full calendar example here http://live.datatables.net/kemeporo/3/edit
Answers
sorry, the bottom meant to be total day but it doesn't change the whole idea
You can create a week paginator. This example shows how to use
ajax.data
as a function to get the paginator's value to send to the server. Useajax.reload()
in the pagintor's event handler to go to the next page. You will need to update the header titles to display the days of the current week - there is nothing built into Datatables for this.This example shows how to place totals in the footer. You can use
rowCallback
to calculate the row totals.You can use
columns.render
orcolumns.defaultContent
to render the inputs. You can create a save button or whatever to save the updated data to the server using a jQuery ajax() request.Let us know if you have further questions.
Kevin