Forum

November 2nd, 2014
A A A
Avatar

Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

The forums are currently locked and only available for read only access
sp_Feed Topic RSS sp_TopicIcon
Edit-Add-Del-Search-Refresh-View Buttons Not clickable
24/09/2013
04:58
Avatar
scottietrek
Member
Members
Forum Posts: 3
Member Since:
24/09/2013
sp_UserOfflineSmall Offline

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();

}

});

});

24/09/2013
12:14
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

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.

25/09/2013
14:33
Avatar
scottietrek
Member
Members
Forum Posts: 3
Member Since:
24/09/2013
sp_UserOfflineSmall Offline

I changed them all to the type you said no effect.

26/09/2013
11:41
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

This is exact your example.

The only diffrence is that I use a local data.

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.

26/09/2013
16:52
Avatar
scottietrek
Member
Members
Forum Posts: 3
Member Since:
24/09/2013
sp_UserOfflineSmall Offline

Its working now apparently there was a cached version in my system i also played where jqgrid was added.

Forum Timezone: Europe/Sofia

Most Users Ever Online: 496

Currently Online:
32 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.com

Moderators: tony: 7721, Rumen[Trirand]: 81

Administrators: admin: 66

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information