I want to achieve following:
I have a Kendo grid with a button in its toolbar, which opens a small modal Kendo window (referred as dialog), where I can save, load and delete several user-defined grid settings (http://demos.telerik.com/aspnet-mvc/grid/persist-state).
I am using ASP.NET MVC C# with a ViewModel for the dialog's form, but I think this is a very general question. That's why I posted this question into the Kendo UI forum.
Right now my implementation looks like this:
1. Click on the grid toolbar button creates a small dialog with an iframe
2. In this iframe a simple html page with a few combobox/dropdown and button components is loaded. This page gets the current grid settings (kendo.stringify(grid.getOptions());) posted in its http request (in case the user wants to save the current grid settings on the server).
3. The user can cancel the dialog through clicking on its x icon, which is in the title bar
4. or can perform any load/save/delete grid settings operation
I feel like the way I implemented this dialog seems to be very complicated and not very clean. It feels annoying to load a complete page into a dialog's iframe, but it would be also very complicated to implement this just via manipulating the DOM structure of the parent window, using Ajax calls only instead of http-requests.
What would be the best way to implement a dialog which not just shows some content, but contains a form that needs to load, save and validate user input which needs to be returned to the parent window when closed? Is there a demo available? Or should I use some frameworks?
Thank you in advance.