Forum
![sp_Feed](http://www.trirand.com/blog/wp-content/sp-resources/forum-themes/default/images/sp_Feed.png)
![sp_TopicIcon](http://www.trirand.com/blog/wp-content/sp-resources/forum-themes/default/images/sp_TopicIcon.png)
04:58
![Avatar](http://www.trirand.com/blog/wp-content/forum-avatars/defaults/userdefault.png)
24/09/2013
![sp_UserOfflineSmall](http://www.trirand.com/blog/wp-content/sp-resources/forum-themes/default/images/sp_UserOfflineSmall.png)
I have created a grid it is working without issue other than none of the buttons are clickable.
I have included my code. the cursor does not change either.
thank you in advace for any help!
Latest JQuery 1.9 and Latest JqGrid 4.5
Javascript code:
Html Code:
<table id="QouteTemplateList"></table>
<div id="QouteTemplateListPager"></div>
$(function () {
var shownPostData = null;
var GroupingFields = new Array();
$('#QouteTemplateList').jqGrid({
url: '/Includes/Application/Services/GridServices.asmx/GetQouteTemplateList',
mtype: 'POST',
datatype: 'json',
ajaxGridOptions: { contentType: 'application/json; charset=utf-8' },
serializeGridData: function (postData) {
var InlineFilters = new Array();
$.each(postData, function (k, v) {
if (k != 'GroupingFields' && k != 'InlineFilters' && k != 'page' && k != 'rows' && k != 'searchString' && k != 'searchOper' && k != 'searchField' && k != 'filters' && k != 'sord' && k != 'sidx' && k != '_search' && k != 'nd') {
InlineFilters.push({ Name: k, Value: v });
}
});
postData['InlineFilters'] = InlineFilters;
postData['GroupingFields'] = GroupingFields;
if (postData['filters'] == null) {
postData['filters'] = null;
}
return JSON.stringify(postData);
},
jsonReader: { repeatitems: false, root: "d.Rows", page: 'd.Page', total: 'd.Total', records: "d.Records" },
colNames: ['', 'Name', 'Created By'],
colModel: [
{ name: 'Id', index: 'Id', key: true, hidden: true },
{ name: 'Name', index: 'Name', width: 170, template: stringTemplate },
{ name: 'UserCreated', index: 'UserCreated', width: 180, template: stringTemplate }, ],
height: $('#QouteTemplateListWrapperCell').height() - 100,
rowNum: 1000000,
hidegrid: false,
sortname: 'Name',
pager: '#QouteTemplateListPager',
caption: 'Quote Templates',
gridComplete: function () {
},
loadComplete: function (data) {
$("#QouteTemplateList tr.jqgrow:odd").css("background", "#DDDDDC");
},
onHeaderClick: function (state) {
},
viewrecords: true,
autowidth: true,
shrinkToFit: false,
scroll: true,
subGrid: false,
editurl: '/Includes/Application/Handlers/QuoteTemplateListHandler.ashx'
}).filterToolbar({
autosearch: true,
searchOnEnter: false,
clearButton: '-',
enableClear: true,
afterSearch: function () {
},
afterClear: function () {
}
}).jqGrid('navGrid', '#QouteTemplateListPager', { edit: true, add: true, del: true, search: true }, {}, {}, {}, {
multipleSearch: true,
closeAfterSearch: true,
closeAfterReset: true,
searchOnEnter: true,
multipleGroup: false,
closeOnEscape: true,
resize: true,
recreateForm: true,
caption: 'Advanced Search...',
Find: 'Search',
Reset: 'Clear Results',
groupOps: [{ op: "AND", text: "AND" }, { op: "OR", text: "OR" }],
beforeShowSearch: function () {
return true;
}
}, { closeOnEscape: true, closeAfterAdd: true, closeAfterEdit: true }).navButtonAdd('#QouteTemplateListPager', {
caption: "", buttonicon: "ui-icon-calculator", title: "Choose Columns",
onClickButton: function () {
$('#QouteTemplateList').columnChooser();
}
});
});
12:14
![Avatar](http://www.trirand.com/blog/wp-content/forum-avatars/defaults/moderatordefault.png)
Moderators
30/10/2007
![sp_UserOfflineSmall](http://www.trirand.com/blog/wp-content/sp-resources/forum-themes/default/images/sp_UserOfflineSmall.png)
Hello,
Interesting. I will try to test this, but one note from me.
You use two diffrent types of calling jqGrid methods like:
$("#...).jqGrid({
...
}).filterToolbar(
..
).jqGrid('navGrid'..
..
).navButtonAdd(
);
I suggest you to use only one like this
.jqGrid('navGrid'..)
Please read here how to configure which type of calling to use
Also check if the CSS files are loaded correct.
Regards
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
11:41
![Avatar](http://www.trirand.com/blog/wp-content/forum-avatars/defaults/moderatordefault.png)
Moderators
30/10/2007
![sp_UserOfflineSmall](http://www.trirand.com/blog/wp-content/sp-resources/forum-themes/default/images/sp_UserOfflineSmall.png)
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
Most Users Ever Online: 715
Currently Online:
29 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66