[Solved] Header-Details UI design using Grid

[Sam]

Hello,
We have a requirement for a Purchase Order data entry screen that requires the following design.
A PO header section that allows user to enter PO level details like vendor, reason of purchase etc.
A line item section that allows user to enter multiple line item for the PO. Information for each line item could include unit price, quantity, and total, etc.

We want to see both header and line item sections in a single web form.
And we want to allow user to enter data into the grid using the "in-line" method.
We have a "Save" button that the user shall click when he is done entering both header and line item details.

However, there does not seem to have a way to post both sets of data (header, and line items) back to the server for processing.

Is this a limitation of Telerik or ASP.NET MVC?
Is there any way around for this?

[Georgi Tunev]

Hi Bt,

 I am not quite sure that I understand your scenario correctly. Do you want to implement the grid as a part of a form? If this is so, it is currently not possible to do this when the grid editing is enabled - the grid uses own mechanism to submit the data.

If this is not the case, could you please provide more details and / or sample project or screenshots?

Greetings,
Georgi Tunev
the Telerik team

[Sam]

Hi,
Yes that's what I wanted to do: have both a form for the header data and a grid for lineitems data, in the same form. And post the data as a single http POST.

Is there any workaround if the above is not possible?

[Petur Subev]

Hello,

I am afraid there is no workaround. The Grid is not a form element itself and it handles the editing on its own.

All the best,
Petur Subev
the Telerik team