Guriddo » ramuk's Replies

ramuk

Guriddo

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)

Author

Replies

August 8, 2016 at 1:55 pm in reply to: Add search icon on column header #125443

ramuk

Participant

No sir, no luck with the code provided in the link, hence I am here for help….

August 4, 2016 at 1:02 pm in reply to: Add search icon on column header #125436

ramuk

Participant

Thanks for ur reply, I will try the code you posted. What I want is to have a search icon next to sort triangles on the column header and on clicking the search icon, the filter toolbar should appear. Something like the demo here http://stackoverflow.com/questions/8213162/add-button-to-jqgrid-column-header where they have a gear icon.

Thanks

$(function () {
$(&quot;#ListGrid&quot;).jqGrid({
url: &quot;/Student/GetStudents&quot;,
datatype: &#039;json&#039;,
mtype: &#039;Get&#039;,
colNames: [&#039;StudentId&#039;, &#039;FirstName&#039;, &#039;LastName&#039;, &#039;Age&#039;, &#039;Gender&#039;],
colModel: [
{ key: true, hidden: false, name: &#039;StudentId&#039;, index: &#039;StudentId&#039;, editable: true },
{ key: false, name: &#039;FirstName&#039;, index: &#039;FirstName&#039;, editable: true },
{ key: false, name: &#039;LastName&#039;, index: &#039;LastName&#039;, editable: true },
{ key: false, name: &#039;Age&#039;, index: &#039;Age&#039;, editable: true },
{ key: false, name: &#039;Gender&#039;, index: &#039;Gender&#039;, editable: true}],
pager: jQuery(&#039;#pager&#039;),
rowNum: 10,
rowList: [10, 20, 30, 40],
height: 250,
viewrecords: true,
loadonce: true,
caption: &quot;Student List&quot;,
emptyrecords: &#039;No records to display&#039;,
jsonReader: {
root: &quot;rows&quot;,
page: &quot;page&quot;,
total: &quot;total&quot;,
records: &quot;records&quot;,
repeatitems: false,
Id: &quot;0&quot;
},
loadComplete: function () {
$(&quot;tr.jqgrow:odd&quot;).css(&quot;background&quot;, &quot;LightBlue&quot;);
},
autowidth: true,
multiselect: false
}).navGrid(&#039;#pager&#039;, { edit: true, add: true, del: true, search: true, refresh: true })
})

$(function () {

$("#ListGrid").jqGrid({

url: "/Student/GetStudents",

datatype: 'json',

mtype: 'Get',

colNames: ['StudentId', 'FirstName', 'LastName', 'Age', 'Gender'],

colModel: [

{ key: true, hidden: false, name: 'StudentId', index: 'StudentId', editable: true },

{ key: false, name: 'FirstName', index: 'FirstName', editable: true },

{ key: false, name: 'LastName', index: 'LastName', editable: true },

{ key: false, name: 'Age', index: 'Age', editable: true },

{ key: false, name: 'Gender', index: 'Gender', editable: true}],

pager: jQuery('#pager'),

rowNum: 10,

rowList: [10, 20, 30, 40],

height: 250,

viewrecords: true,

loadonce: true,

caption: "Student List",

emptyrecords: 'No records to display',

jsonReader: {

root: "rows",

page: "page",

total: "total",

records: "records",

repeatitems: false,

Id: "0"

loadComplete: function () {

$("tr.jqgrow:odd").css("background", "LightBlue");

autowidth: true,

multiselect: false

}).navGrid('#pager', { edit: true, add: true, del: true, search: true, refresh: true })

})

Author

Replies

Viewing 2 replies - 1 through 2 (of 2 total)