Have you tried looking at the data being returned to the grid? Could there possibly be an illegal character in that data? That is, if you're populating the grid with any data at this point.
It's possible that you have a single quote or something in some of your data and causes the javascript code to break.
I'm just guessing since you didn't post any code. But, if you are loading in data, maybe take a look at what's being returned.
Ben
Just in case someone else is looking to do the same thing, I'll share what I did.
I don't know that this is the best method, and would be open to someone sharing a better way. You could probably extend the jqGrid plugin to fix this, but I'm not sure if that would be overkill for such a small change. It's something that maybe should be included as an option.
This is what I did:
After my grid has loaded I've added this little piece:
if ( $(“#rowNumDD”).length == 0 ) {
$('
').appendTo($(“#subsDiv_toppager_left”));
$(“.ui-pg-selbox”).appendTo($(“#rowNumDD”));
$(“#rowNumDD”).append(” at a time.”);
}
It's pretty self explanatory but this is what the code does.
I've added the if statement to make sure the div I'm creating doesn't exist. Without this if statement you will have an unusable drop down.
This will then create a new
The best way to figure out which styles you need to change is to use firebug or some other developer toolset. You can select each element and find out the name of the style and where it's located.
Some of the values are inherited from the jquery ui css file but others are set in the ui.jqgrid.css file.
The headers for the grid are in this selector, which is located in the ui.jqgrid.css file:
.ui-jqgrid .ui-jqgrid-htable th div
You can change the value of the font size there, but you are probably better off overriding the style in your own css file.
Let me know if that helps.
Ben
I've made some headway with this in getting single select to work as well as using the ctr + Click working. I would like to know of better solutions if others have them, or even if there is something I've missed that is built into jqGrid.
Anyway here is what I'm doing.
I solved it myself. Not sure if this is the best solution but I'm overriding these styles and it seems to work. If anyone has a better solution I would definitely be interested in it.
.ui-jqdialog-content td.editbutton {float: none; text-align:center;}
.fm-button-icon-left {padding-left: 5px;}
.fm-button-icon-left .ui-icon {background-image:none; padding-left: 0;}
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top