I'm using free-jqGrid 4.13.3.
I composed a grid with filter toolbar and this grid has subgrids elements such in this screenshot :
The subgrid column (which contains plus and minus signs) appears in filter toolbar, this has been ripped on left and make last column without filter, as it is on his left, under the dog icon.
So search in "N°" column doesn't match because ripped on left.
Same thing with this other screenshot :
I hope I am well understood with my explanation.
Please is there somebody who can drive me to correct my mistake ?
Many thanks in advance
Cheers
Jihel
and many thanks for your answer
I read again my code and have found I let in place one line where I hide the "th.jqgh_subgrid" column in main grid, when before I would want subgrid columns with plus/minus sign doesn't appear.
Sorry for the inconvenience as now the filter toolbar runs fine.
Have a nice day
Cheers
Jihel
Related
i am having an issue with the Telerik Kendo UI grid. When displaying data on it, some blank spaces show up between the columns.
I will have to be very cheap on displaying the bug here, but i think you'll kind of undertand. Example of blank columns the info in the grid its kind of confidential so i cannot show it to you guys, sorry. So instead i will share this image for a little context and explanation.
So, i want to drop those extrange blank columns since they don't actually exists in my model or database. Even without any sort of complete explanation of my problem i have faith that you guys can at least point me into the right direction here, or give me any clue at least, and that's actually all i want and i will be very grateful. Thanks for helping me and have a nice day.
Christian.
I would like to expand or collapse all subgrids when I click on the first column (yellow) under the selected row.
Plz see pictures below :
and I would like to add some icon in this column.
I've tried with this code in onSelectRow event :
jQuery(this).closest("tr.ui-subgrid").find("td.ui-widget-content:first").append('<span class="ui-icon ui-icon-plus"></span>');
but without success.
Many thanks for anybody who could help me.
Have a nice day
Cheers
Jihel
Many thanks Oleg for your kind help.
Therefore, I think I have not fine explained my trouble.
So, I have updated pictures for focusing my wish.
Your old answer allows to expand/collapse all rows in a grid, but that I would want is to expand/collapse all subgrids from one row at a time, and set a plus/minus icon in the first column under the selected row which trigger click event for expanding/collapsing subgrids.
If my request is not clear, plz let me know.
And many thanks to helpers.
Regards
Jihel
I'm following Aaron Hillegrass's book (trying), and am at the point trying to bind some view cells. I am getting the results in the screen shot below.
The cells on the right side are at least editable. The title cell is not.
I'd appreciate any advice on what I'm doing wrong.
Thanks
As per my last comment. I had to bind the table to entity > arrangedObject, then bind the tableView cells to objectValue.name.
I have a jqgrid that has several columns including a checkbox column that indicates if an item is selected.
Underneath that I have a dropdown menu and a text box. The idea is that each item in the dropdown menu is a column in the jqgrid. Then all I need to do is modified all of the checked rows with the contents of the text box for that column. So a quick mass update mechanism if you will.
The problem is, is that I can't figure out how to update a specific cell. Any tips or documentation that can help me? Thanks!
You can use for example setRowData (see jqGrid documentation) or setCell to update the data in the grid. The functions getCol, getCell or getRowData could help you the examine the row data. Another old answers: this and this could be helpful if you decide to search data in the grid with respect of jQuery.
Here's the "answer" I came up with to my problem. I wanted to edit only rows that were editable. Using setCell would overwrite my editable field with a non-editable one. So I looked at the HTML for a given row while it is in the edit state and passed that into the 'setCell' method. It feels 'hackish' though and if someone knows a better way, I'm all ears.
So I have a page that is split into 2 columns. The left column there are expandable forms that are quite long to ask the user optional product preferences. On the right side of the page there is a much shorter, 'contact details' form.
The contact details form is mandatory while all the left product preferences forms are optional. The behaviour idea is that as the user scrolls down to complete the left column optional forms, the page will only scroll the left column - the contact details forms displayed in the right column stay in place beginning. I'm having trouble implementing this and I haven't found a solution yet or any examples of pages with this split column behaviour online.
Any advice / suggestions?
Thanks!
Depending on how involved your layout is, you can use css fixed positioning so that as the page scrolls down, your right column stays in the same place.
Sample.
You can put the contents of the longer (left) column in a container div, and make that div independently scrollable using the overflow attribute.
Here's a sample.