Try this in document.ready: $.ajax( { type: “POST”, url: “SomeUrl/GetColumnsAndData”, data: “”, dataType: “json”, success: function(result) { colD = result.colData; colN = result.colNames; colM = result.colModel; jQuery(“#list”).jqGrid({ jsonReader : { cell: “”, id: “0” }, url: ‘SomeUrl/Getdata’, datatype: ‘jsonstring’, mtype: ‘POST’, datastr : colD, colNames:colN, colModel :colM, pager: jQuery(‘#pager’), rowNum: 5, rowList: [5, 10, 20, … Read more
In your example with character wrapping you forgot to use !important after the height: auto setting. I agree that the problem with column resizer really exists in my demo from the my old answer. So I improved it. Moreover I try to describe in which situations can be important to use character wrapping instead of … Read more
Here’s the sample colModel configuration from Craig’s link to jqGrid formatting help. It specifies the formatter as showLink and the url and params are specified with formatoptions. colModel: [ {name:’myname’, edittype:’select’, formatter:’showlink’, formatoptions:{baseLinkUrl:’someurl.php’, addParam: ‘&action=edit’}
I suppose that the same question is interesting for other persons. So +1 from me for the question. You can solve the problem in at least two ways. The first one you can use datatype: “jsonstring” and datastr: data. In the case you need to add additional parameter jsonReader: { repeatitems: false }. The second … Read more
i adjusted ui.grid.css because i did not need a horizontal scrollbar at all. i did this: .ui-jqgrid .ui-jqgrid-bdiv { position: relative; margin: 0em; padding:0; /*overflow: auto;*/ overflow-x:hidden; overflow-y:auto; text-align:left; } the commented was how it was, i just used overflow-x to hide the horizontal scrollbar and now all is fine with me.
General function to get value of cell with given row id and cell id Create in your js code function: function getCellValue(rowId, cellId) { var cell = jQuery(‘#’ + rowId + ‘_’ + cellId); var val = cell.val(); return val; } Example of use: var clientId = getCellValue(15, ‘clientId’); Dodgy, but works.
I looked at jqGrid and SlickGrid and found that SlickGrid is much more elegantly written; less configuration is needed for most use-cases for SlickGrid; jqGrid, however, need less configuration to set up the more complex cases (such as virtual scrolling); jqGrid might have better documentation but the server-side connection part for jqGrid is covered by … Read more
Yes, there is an option for this: hidegrid: false From the jqGrid documentation wiki for Options: hidegrid boolean Enables or disables the show/hide grid button, which appears on the right side of the Caption layer. Takes effect only if the caption property is not an empty string.
There are some common rules for all types of sorting in jqGrid { name: ‘Category’, index: ‘Category’, width: 200, formatter:’select’, stype: ‘select’, searchoptions:{ sopt:[‘eq’], value: categoriesStr } } where categoriesStr are defined as var categoriesStr = “:All;1:sport;2:science”; Here additionally to the standard “1:sport;2:science” values are inserted “:All” string which allow you don’t filter the the … Read more
First you can get the rowid of the selected row with respect of getGridParam method and ‘selrow’ as the parameter and then you can use getCell to get the cell value from the corresponding column: var myGrid = $(‘#list’), selRowId = myGrid.jqGrid (‘getGridParam’, ‘selrow’), celValue = myGrid.jqGrid (‘getCell’, selRowId, ‘columnName’); The ‘columnName’ should be the … Read more