Calendar view with inputs

Calendar view with inputs

krqkrq Posts: 2Questions: 1Answers: 0
edited December 2022 in Free community support

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

  • krqkrq Posts: 2Questions: 1Answers: 0

    sorry, the bottom meant to be total day but it doesn't change the whole idea

  • kthorngrenkthorngren Posts: 21,342Questions: 26Answers: 4,954

    There's a week paginator at the bottom of the page

    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. Use ajax.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 or columns.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

Sign In or Register to comment.