Hello,
To post a code you will need to
1.switch to text mode (see tabs the upper right corner (Visual/Text)
2. Copy paste you code.
3. Mark the code
4. Press code button
The source can look like this
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
//and finaly set it to the grid $grid->datearray= array( "RequiredDate" ); // Enable filter toolbar searching $grid->toolbarfilter = true; // we set the select for ship city $grid->setSelect("ShipCity", "SELECT DISTINCT ShipCity, ShipCity AS CityName FROM orders ORDER BY 2", false, false, true ); $grid->navigator = true; $grid->setNavOptions('navigator', array("excel"=>false,"add"=>false,"edit"=>false,"del"=>false,"view"=>false, "search"=>false)); $onClearVal = <<< CLEAR function (elem, coli, soptions, defval) { if(coli > 0) { var name = this.p.colModel[coli].name; if(name === 'ShipCity') { $(elem).val(defval); $(elem).multiselect('refresh'); $(elem).siblings('button.ui-multiselect').css({ width: "100%", marginTop: "1px", marginBottom: "1px", paddingTop: "3px" }); } } } CLEAR; |
Please let us know if you have difficulties with this.
Kind Regards,
Will
Guriddo Support Team
Hello,
Please look at the updated demo here
To use this feature you will need to complete the following steps.
Please let us know if you have difficulties with this.
Again with this we have implemented a range operator in toolbar searching, but it will be available in the next release.
Kind Regards
Guriddo Support Team
Hello,
We have fixed the problem. Please check the demo.
You may need to clear your browser cache before to test
Regards
Will
Guriddo Support Team
Hello,
We plan to create our own utility for hide show columns.
Will be available in next release.
Kind Regards,
Will
Guriddo Support Team
Hello,
Did you have chance to test this. Any feedback is greatly appreciated.
Kind Regards
Will
Guriddo Support Team
Hello,
Column Chooser is a utility which depend entairly of jQuery UI and it styling.
Bootstrap is another CSS framework which differ from jQuery UI.
Moreover jqGrid can exists without jQuery UI.
With other word as we mentioned here – the jqGrid jQuery UI stuff are not compatible when a Bootstrap is used
Kind Regards,
Will
Guriddo Support Team
Hello,
About the second question.
Basically you ca get the filter using the javaScript method getGridParam.
This is a string anf you can seve it wher you want – database, cookie, or localStorage.
To load the grid upon loading with the filter you may need to consider this demo:
Kind Regards,
Will
Guriddo Support Team
Hello,
Thank you for this post. It remember us to make the new docs available as soon as possible.
This is really problem and we hope it will be solved in the near future.
Which version of jqGrid is used?
Due to formatting issues it is difficult for me to get the string you have posted here.
Can you please prepare a small demo (with data) and send it to us or use jsfiddle for this purpose.
Thank you.
Kind Regards,
Will
Guriddo Support Team
Hello Roberto,
Actually we have a option in inline edit which positions the cursor at the desired field.
It is named focusField. Please look at this demo to see how it work
Kind Regards,
Will
Guriddo Support Team
Hello,
It was not so easy as we suggest initially. We have some technical issues.
For now we have prepared a pre build demo of this feature. This is not official and contain code not published in the web.
The demo uses a jquery ui multiselect plugin.
The demo can be seen here .
Please let us know if you have recommendations and new ideas.
We will try to extend toolbar search with more controls and features for the next release including range.
Kind Regards,
Will
P.S. We hope to finish this to the end of week.
Guriddo Support Team
Hello,
We prepare a article with demo. It will be available tomorrow.
Kind Regards
Will
Guriddo Support Team
Hello,
You can use the javascript method setGridHeight again with setJSCode.
This can look something like this:
|
1 2 3 4 5 6 7 |
$mycode = <<< MYCODE // perform here the calculation of the height with JavaScript var myheight = 300; $("#grid").jqGrid("setGridHeight", myheight); MYCODE; $grid->setJSCode( $mycode ); |
This will resize the grid initially when it is created.
Another solution is You can pass the variable to the script (use get to get it) and set in in grid options
Kind Regards,
Will
Guriddo Support Team
Hello,
The options – scroll=>true and heigh=>’auto’ are not compatible.
In order to do this you will need to calculate the height of the window area where you want to have the grid and then call it with the appropriate heigh in pixels. Note that the height of the grid is only the height of the body and you will need to add extra pixels for the header and pager.
Kind Regards,
Will
Guriddo Support Team
Hello,
Thank you for this note. Yes, this is mistake in the docs.
In columnChooser method we have something in apply_perm options
|
1 2 3 4 5 6 |
if (opts.done) { opts.done.call(self, perm); } self.jqGrid("setGridWidth", self[0].p.width, self[0].p.shrinkToFit); |
which means that done is called before to set the new witdh
Possible solutions:
1. To replace the places of running.
2. To use setTimeout in done function
3. To define another event which will be executed after setGridWidth.
Currently I find options 2 or 3 for more applicable.
Kind Regards,
Will
Guriddo Support Team
Hello,
This is not desired action. If you look into the demo you will see that all the rows in the grouping are select able.
Please provide a grid setup or send us a link to the problem (jsfiddle or other)
Kind Regards,
Will
Guriddo Support Team
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top