How to Programming with Free-jqgrid

javascript,jquery,jqgrid,free-jqgrid

What I mean is the usage of the settings for inline editing or cell editing only. You will have no changes in form editing. So the CSS rule could be like .jqgrow > td input.editable, .jqgrow > td select.editable, .jqgrow > td textarea.editable { height: auto; width: 100%; font-size: 1em;...

How to fix Cannot read property 'cellIndex' of undefined dragging from one jqgrid column to other in free jqgrid

It seems to me that you have to change your code a little. You should always test that you call $.jgrid.getCellIndex with DOM of <td> element and not with some other children of it. The code fragment of typical usage of $.jgrid.getCellIndex should be the following: var $td = $(e.target).closest("tr.jqgrow>td");...

JqPivot and data load by ajax

I would recommend you to examine the source code of free jqGrid. Look at the part of the code. It looks like jqPivot: function (data, pivotOpt, gridOpt, ajaxOpt) { return this.each(function () { var $t = this, $self = $($t), $j = $.fn.jqGrid; function pivot(data) { ... } if (typeof...

How to sync header and column separator lines if scrolled to rightmost position in free jqgrid

jquery,css,jqgrid,free-jqgrid

You have long code. It's not the goal of stackoverflow that somebody debug your code. Could you prepare small demo which reproduce the problem? I debugged the code and could see that the grid have no horizontal bar at the initial loading. Free jqGrid contains detection whether the grid contains...

Free jqGrid 4.8.0 - Set Locale automatically base on user environment

jquery,html,free-jqgrid,jquery-ui-layout

There are many ways to detect the user locale automatically, but I don't know any perfect solution. All depends on your exact requirements. For example one can use navigator.language || navigator.browserLanguage. You will get the string like "en-US" for example. The old demo for the feature request demonstrates the usage...

formediting modals shows at wrong position

I made some changes in free jqGrid. I hope that all described problem are solved. The default option for $.jgrid.jqModal.toTop is now true like it was before, but all dialogs will be destroyed after closing and alert dialog (warning by navGrid on click on Edit/Delete button if no row are...

GridUnload - free Jqgrid

jquery,css,twitter-bootstrap,jqgrid,free-jqgrid

Thank you for the bug report! The reason was the property ftoolbar which stay set to true which used to detect whether the filter toolbar already exist or not. The fix solves the problem. Please reload free jqGrid, which you use, from GitHub.

How to increase font size and element height if free jqgrid form edit

Try to use .ui-jqgrid .ui-jqdialog { font-size: 16px; } to increase/change the font size of the body of the edit dialogs (and other dialogs of jqGrid). If you want don't change the font of buttons of the dialog form and need to set the font only on the top pato...

How to make jqGrid Search when enter key is pressed in the find dialog

javascript,jquery,jqgrid,free-jqgrid

In case of usage free jqGrid 4.9 you need just specify searchOnEnter: true option. You can use searching option of jqGrid to specify searching option used for both searching dialog of searching toolbar. For example searching: { closeAfterSearch: true, closeAfterReset: true, closeOnEscape: true, searchOnEnter: true, multipleSearch: true } See the...

How to remove free jqgrid own horizontal scrollbar if autowidth:true is used

I agree that the calculation of the width of the grid is not perfect in case of usage of autowidth: true. Nevertheless the problem which you describe is not a jqGrid problem. It's good that you included outer div over the grid in the demo which you posted. It shows...

Jqgrid grouping and bindKeys

The current implementation of bindKeys method come unchanged from jqGrid 4.7. The code don't support data grouping like some other jqGrid options (multiselect: true for example). The code just goes to the next sibling row, get its id (which is empty) and try to select the row with empty id....

how to place pager to end of top of toolbar in free jqgrid

The simplest way to implement your requirements seems me the following: First of all you remove creating unneeded elements of the pager by usage pgbuttons: false, pginput: false, rowList: [], viewrecords: false (the last two options rowList: [], viewrecords: false are already defaults). The pager of free jqGrid 4.8 still...

GridToForm in free-jqgrid

javascript,jquery,css,jqgrid,free-jqgrid

Thanks, it's a bug. The definition of propOrAttr should be propOrAttr = $t.p.propOrAttr; instead of the typing error propOrAttr = $t.p.useProp;. I've fixed the code of free jqGrid. You should refresh the sources from the GitHub....

How add action button to free jqgrid toolbar if fontawesome icon set is used

You can do almost the same things to create custom button in free jqGrid 4.8. You need just remove unneeded .css({"margin-left": "2px", float:"left"}) and to replace .append('<span class="ui-icon ui-icon-locked"></span>') to .append('<span class="fa ui-state-default fa-fw fa-lock"></span>') You can see the results on the demo: Depend on your exact requirements you can...

How to place select element and toggle button to free jqgrid toolbar

javascript,jquery,css,jqgrid,free-jqgrid

You should change because .navtable is now not table. See the wiki article for more details. So the code should be something like the following: $("#grid_toppager_left .navtable").append( '<div class="ui-pg-button ui-corner-all">' + '<div class="ui-pg-div my-nav-checkbox">' + '<input tabindex="-1" type="checkbox" id="AutoEdit" ' + (autoedit ? 'checked ' : '')+'/>' + '<label '...

jqGrid filterToolbar with local data

All the features are enabled by default if I understand you correctly. The server just have to return all data instead of one page of data to make loadonce: true property work correctly. You need just call filterToolbar after creating the grid. All will work like with local data. You...

Free jqGrid 4.8.0 - Latest changes to toppager_right do not support backward competability

The reason is new option hideEmptyPagerParts of navGrid. It will be set to true by default. The option allows to save place in pager. The pager consist typically from parts: left, center and right. All what the option hideEmptyPagerParts: true do is examining of the parts and calling .hide() to...

jqGrid 4.8.0 - issues

Thank you for the feedback. It's really difficult to implement new features without changing the existing structures. So the internal structure of some CSS elements are really changed in free jqGrid 4.8 to it working not only with jQuery UI icons. Please don't post cumulative questions in the future. Such...

Free jqGrid 4.9.0 - combine multiboxonly with setSelection

I'm not sure that I understand correctly which selection behavior you want to implement, but it seems to me that you need just change the line $('#jqGrid').setSelection(rowId); inside of onContextMenu to two lines: $('#jqGrid').resetSelection(); $('#jqGrid').setSelection(rowId); See http://jsfiddle.net/mrfvsyc2/13/...

Free jqGrid 4.8.0 - getCell not working after last update

Thank you for the bug report! I made today the changes to fix problems in IE8, reported in the issue. I used the post as the basis for the changes, but I tested my changes only in IE10 and not in Chrome. The problem is that typeof HTMLElement is "function"...

Free jqGrid 4.9.0 - Advanced Search Dialog (mutli param search) is changing location until exit the screen

Thank you for the bug report and the demo which demonstrates the problem! I agree that the code is buggy. I fixed the code of savePositionOnHide (see here) from savePositionOnHide = function (propName, frmgr, h) { var $w = h.w, $form = $(frmgr), toTop = h.c.toTop, offsetGbox, top = getCssStyleOrFloat($w,...

Free Jqgrid and custom formater checkbox

It's unclear what you want to do with the code. In any way it contains many errors. For example you use function danu_094 (val, options){ idrow=options.rowId; var checked=(val == 'T') ? "checked='checked'" : ""; return '<input type="checkbox"' + checked + ' value="'+ val+ '" id='+ 'prel_'+ idrow+' onchange="senddata_094('+idrow+')" /> ';...

Free jQGrid 4.8.0 - Paint The Column header based on sort/filter

Found a way: For the sorting: within onSortCol: var theColumName = $(this).jqGrid("getGridParam", "colModel")[iCol].name; var theColumJsonMap = $(this).jqGrid("getGridParam", "colModel")[iCol].jsonmap; var columnIdForPaint = 'jqgh_' + gridName + '_' + theColumName; //Check to see if select column was removed from sorting - if it is not exist anymore: if ( (index.indexOf(theColumJsonMap) == 0)...

How to use body horizontal scrollbar in free jqgrid

I'm not sure that I understand the goal of all options which you use. It seems to me that you need remove autowidth: true option. See the demo.

How to change free jqfrid font size of toolbar search box

The corresponding CSS rules can be the following .ui-jqgrid .ui-search-toolbar .ui-search-table { font-size: 1.2em; } .ui-jqgrid .ui-search-toolbar input, .ui-jqgrid .ui-search-toolbar select { font-size: 1.2em; } The first rule set the font size of searching operations and the clear character ("x") and the second rule set the font size of the...

jqGrid 4.8.0 - Use of the new width size

jquery,jqgrid,free-jqgrid,jqpivot

You wrote "I don't want the grid itself to shrink/widen whenever I double click to resize the column". On the other side you wrote: "I also applied the (autoResizable: true) on each column". The property autoResizable: true in the column means nothing more that you want that the column will...

jqPivot is grouping column headers that do not belong to the group

Thank you for the bug report! After long debugging I found and fixed the bug. Your demo uses the latest sources from GitHub directly. So the the last changes are applied to the demo too. You can verify that it displays now the correct results. UPDATED: I implemented more fixes...

Free jqGrid 4.8.0 - Hidding the 'of X' in the pager bar where it says 'page Y ox X'

javascript,jquery,jqgrid,free-jqgrid

All texts which you see in the grid can be localized. The corresponding templates come from grid.locale-XX.js files. You can open grid.locale-en.js file for example and search for page. You will find the property pgtext: "Page {0} of {1}" inside of defaults part ($.jgrid.defaults). The defaults settings are just the...

JQGRID , get all rows after filtering

The solution of the problem depend on which fork of grid you use. Free jqGrid is the fork based on jqGrid 4.7 (see readme and wiki for additional information). The current version of free jqGrid is 4.9. Free jqGrid supports lastSelectedData parameter which you can use instead of data to...

Free jqGrid 4.8.0 - Setting the total number of paging post grid reload

javascript,jquery,css,jqgrid,free-jqgrid

First of all the it's well-known problem with COUNT(*). If one need to get just the number of rows of some specific table of the database then one can get the information very easy and very quickly SELECT rows FROM sys.partitions WHERE index_id IN (0, 1) AND object_id = OBJECT_ID('dbo.Tablename')...

How to use single click line editing in latest jqgrid

The reason of the problem: you called setFrozenColumns twice. The second call some destroys internal structures. If I skip in the debugger the second call of setFrozenColumns then inline editing starts to work. I posted just now the changes which will ignore the second call of setFrozenColumns. Nevertheless I strictly...

How to force free jqgrid do draw frozen column borders for search toolbar

html,css,jqgrid,free-jqgrid

I made some changes in the code of working with frozen columns in free jqGrid. I hope that the problem is fixed now. UPDATED: I examined your code and could find the reason. It's very easy: you create frozen columns by call of setFrozenColumns before creating of filter toolbar by...

jqGrid - hide specific column or row in pivot

jqgrid,pivot,free-jqgrid

jqPivot method have no special options which allow you to hide some columns directly, but one can use beforeInitGrid callback to make any modifications of colModel before the grid will be created. The only problem is: one have to understand the exact name conversion for the columns used by jqPivot...

The width parameter of the jqGrid edit modal breaks the other parameters

You use wrong options of navGrid. If you examine the documentation you will see that the position of the parameters which you use is wrong. The correct will be $("#prodgrid").jqGrid('navGrid', '#pager', {add: false, del: false, search: false}, {closeAfterEdit: true, width: 1000}, {closeAfterAdd: true, width: 1000}); (you can skip edit: true...

Free jqGrid 4.8.0 - How to get the gridId from within the field formatter