jqGrid: edit form in the subgrid area accordion - jquery-ui

We are using Jqgrid but we need to perform a custom editing.
In particular we want to view/edit the detail of a row inside the accordion of a subgrid area (instead of real subgrid)...
Basically we are looking for a way to redirect the content of the edit popup to the subgrid area.
Anyone have some ideas about how to do it?
Peter

If I understand correct the problem you may look at this demo in case you use Guriddo jqGrid JavaScript. In your case the html file can contain template form, where you can get the values from the row and put it in the form.
If you have difficulties we can prepare a online demo.

Related

display multiple checkbox in a single row of kendo UI Grid

I am working on Kendo UI. How to display multiple checkbox in a single row of Kendo UI Grid ?
each Kendo component accepts a template which is in kendo's own format. You could setup that grid cell any way you want with as many checkboxes as you want.
have a look here for an example on how to do it :
http://www.telerik.com/forums/checkboxes-in-kendo-grid
http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Selection/select-multiple-rows-with-checkboxes
You might want to use telerik's forums for this kind of questions, they are very good at answering and you get replies from the people who actually created it.

Ui-grid: how can I create multiple ui grids dynamically

I need to display multiple ui grids in my screen. The number of grids are dynamic.
Scenario: I am adding some people in a list and proceeds to next screen where I need to display their details in a separate ui grid. How can I create grid options dynamically?
Wrap up the code and html inside a directive, pass the table data to the directive.See the answer from user CMR here...I hope this helps.
Custom directive for Ui Grid

Jqgrid breaks properties of other jqgrid

As titled,
In my webpage, i have a jqgrid, and a button that will pop up a modal dialog that contains another jqgrid (displaying different data) on it. The problem is, the jqgrid on the modal dialog breaks the jqgrid on the page, like for example, if i set my jqgrid on the dialog to have no filter function, then it will cause the jqgrid's filter on the webpage to suddenly disappear.
Just want to know if anyone encounter such issues before?
By the way the webpage was created using Grails, so i'm not sure if this is related to Grails's resource issue or not.
It's difficult to help you because you don't posted your code. I can only to suppose that you could have id conflicts between the grid in modal dialog and the grids on the main page. I would suggest you to add idPrefix option with some non-empty unique value in the modal dialog. For example you can add idPrefix: "g1_" in the first grid and idPrefix: "g2_" in the second grid. Then the rows with ids "1", "2", "3" will be "g1_1", "g1_2", "g1_3" in the first grid and there will be "g2_1", "g2_2", "g2_3" in the second grid.

Kendo UI Grid: Custom NEWPAGe Edit Button for Ajax Grid

Is there any way to edit items in the new page from a Kendo UI AJAx Grid i dont want in-line or popup edit
Create template column with a link inside which points to your custom editing page. How to create links in a column is covered here.

Is it possible to display another grid using a custom button similar to subgrid in jqgrid

I have subgrid in my grid and it works fine. Now, I am looking for something similar, but I would like to display the subgrid as a pop up grid using a custom button instead of displaying the subgrid inside the main grid, something similar to Add or Edit modal forms but display a grid instead of the modal form. Is it possible to do something like that? Please provide any examples if that is possible. Any help is greatly appreciated! Thanks.
Glad if this could help!
Please refer: http://www.trirand.com/blog/jqgrid/jqgrid.html
From the left navigation pane, Choose Advanced -> Master Detail.
There the sub grid is loaded just below the main grid for each row click on the main grid.
You can program the sub grid loaded on a modal flyout OR anyway you want.
Happy coding :)

Resources