RumenThis is very weird, I do not really see a reason for this happening. jQuery UI ThemeRoller themes are typically very optimized. Can you open FireBug for FireFox and see what is really causing the problem (there is a performance loading profiler there)
Can you try with different themes (other than Redmond?)
Can you use Google CDN for jQuery themes (described here)
http://choosedaily.com/1760/jquery-ui-themeroller-themes-google-cdn/
I am afraid that at this point we have standartized on ThemeRoller (since 3.5) and there is no easy way to not use jQuery UI Themes.
But the problem is surely elsewhere.
Kind Regards,
Rumen Stankov
RumenYes, this is one way to do it, but the best solution in this case I believe is to simply filter the datasource server-side before binding the grid.
Since you wil know the filtering criteria on initial load anyway, why not just filter your database using it and send data to the grid? Otherwise, you will need to launch
RumenFrom what I can tell, this could be the controller not sending the data in the correct JSON response format. Do you have control over that?
My suggestion is using a tool like Fiddler or FireBug to see what really gets sent back to the client (View Source in Browser will not work sinice the grid uses client-side rendering based on JSON)
Another thing to try – you can hook the loadError event of the grid and see if it gets fired and with what data.
Regards,
Rumen Stankov
RumenIn the download section of this site there is a PDF document, where this is described in each section, e.g. for single field filtering
When the find button is clicked, jqGrid adds three parameters to the url, in name=value pairs:
RumenHello,
EditType = CheckBox (and EditType in general) is only used in edit mode, e.g. in inline or edit dialog editing. In standard read only mode, the value of the actual field is displayed (true / false in your case).
If you wish to modify that, you can hook the CellBinding event, check for that column and modify the default “True / False” formatting to anything you wish HTML-wise, e.g.
RumenYes, so I do not really set editUrl set, you need editurl as well in order to edit / add / delete items.
jQuery(“#rowed1”).jqGrid({ url:'server.php?q=2',
editurl: “server.php”,
datatype: “json”, colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'], colModel:[ {name:'id',index:'id', width:55}, {name:'invdate',index:'invdate', width:90, editable:true}, {name:'name',index:'name', width:100,editable:true}, {name:'amount',index:'amount', width:80, align:”right”,editable:true}, {name:'tax',index:'tax', width:80, align:”right”,editable:true}, {name:'total',index:'total', width:80,align:”right”,editable:true}, {name:'note',index:'note', width:150, sortable:false,editable:true} ], rowNum:10, rowList:[10,20,30], imgpath: gridimgpath, pager: jQuery('#prowed1'), sortname: 'id', viewrecords: true, sortorder: “desc”, caption: “Basic Example” }).navGrid(“#prowed1”,{edit:false,add:false,del:false})
RumenYes, the page the grid is currently on is accessible in the property (option, in jQuery UI terms) “page”. To access it, use something like that
var grid = $(“#myGridID”);
var page = grid.getGridParam('page')
then pass the page variable on with the sort events.
RumenCan you please copy paste your definition of the grid? Typically the grid uses “editUrl” for add / edit/ delete operations.
Rumen
You can hook them by reference with setGridParam
RumenHello,
I believe in cases like that the best way is to use the addRowData method of the grid. You can grab the PDF documentation of the grid from the Downloads section of this site (bottom of the page) and check addRowData information there (especially pages 43-45)
Hope this helps.
Rumen Stankov
Rumen
Just wanted to tell that this is now addressed — thanks George for reporting this both here and tosupport@trirand.net. New download bits are available.
If anyone else is interested
RumenHello,
jqGrid is a client-side grid and uses client-side rendering. This by the way is great approach, since the grid HTML is practically zero (only the table and pager placeholders you have noticed). To see what the grid really renders, I recomment FireBug for FireFox — this will allow you to see the markup and checkboxes.
This however might not be the best approach, I suggest getting the PDF documentation from the “Download” settings and read about the client-side API of the Control, the getRowData / setRowData methods in particular might be exactly what you need.
Regards,
Rumen
RumenjQuery clone is only intended to clone HTML elements, as far as I can tell. It is just not possible to clone complex object like jqGrid with that.
As far as I can tell, this can be relatively easy to do if you just replicate your jQuery init script (with different IDs).
Regards,
Rumen Stankov
RumenYes, I see. In IE it is really different than FireFox / Chrome / Safari. In this particular example:
http://www.trirand.net/examples/appearance/alternate_row_background/default.aspx
and choosing UI Darkness from themes, the alternating background is clearly visible for the aforementioned browsers and hardly visible (I think only the foreground color is a bit different, but not background).
RumenInteresting, since this seems weird (I mean why it would take progressively longer upon each request). So can you please try the following, instead of using the loadComplete event, set a global setTimeout handler for that, e.g.
window.setTimeout( startAutoRefreshing, 10000);
and see if you get better results?
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top