You can enable and disable those properties as follows.

filterable: true,
sortable: true,

You can find more at http://sibeecst_passion.com/advanced-jqx-grid-with-all-functionality/

Dear Sibeesh,
i need exactly what you did in the main post and

while am doing it
after loadGridWithInitialData(); this, nothing is fireing. This is my problem

function loadGridWithInitialData() {

var source =
{
datatype: “json”,
contentType: ‘application/json’,
datafields: [
{ name: ‘RSN’, type: ‘int’ },
{ name: ‘CName’, type: ‘string’ },
{ name: ‘ProjectCode’, type: ‘string’ },
{ name: ‘ProjectName’, type: ‘string’ },
{ name: ‘IEFlag’, type: ‘string’ },
{ name: ‘TrainNo’, type: ‘string’ },
{ name: ‘TrainName’, type: ‘string’ }

],
url: ‘/Inspection/SessionEXT’
};
var dataAdapter = new $.jqx.dataAdapter(source);
// initialize jqxGrid
//$(“#jqxgrid”).jqxGrid({ theme: ‘orange’ });

$(“#jqxgrid”).jqxGrid(
{
width: 850,
source: dataAdapter,
filterable: true,
sortable: true,
autoheight: true,
pageable: true,
pagesize: 10,
autoshowfiltericon: true,
columns: [
{ text: “RSN”, datafield: “RSN”, width: 150 },
{ text: “CName”, datafield: “CName”, width: 100 },
{ text: “ProjectCode”, datafield: “ProjectCode”, width: 100 },
{ text: “ProjectName”, datafield: “ProjectName”, width: 100 },
{ text: “IEFlag”, datafield: “IEFlag”, width: 100 },
{ text: “TrainNo”, datafield: “TrainNo”, width: 100 },
{ text: “TrainName”, datafield: “TrainName”, width: 170 }

]

});

$(“#jqxgrid”).jqxGrid({ theme: ‘metrodark’ });

You can enable and disable those properties as follows.

filterable: true,
sortable: true,

You can find more at http://sibeecst_passion.com/advanced-jqx-grid-with-all-functionality/

You can enable and disable those properties as follows.

filterable: true,
sortable: true,

You can find more at http://sibeecst_passion.com/advanced-jqx-grid-with-all-functionality/

You can enable and disable those properties as follows.

filterable: true,
sortable: true,

You can find more at http://sibeecst_passion.com/advanced-jqx-grid-with-all-functionality/

Dear Sibeesh,
i need exactly what you did in the main post and

while am doing it
after loadGridWithInitialData(); this, nothing is fireing. This is my problem

If you still need any examples, please see here

$(document).ready(function () {

var theme = ”;

var url = “../sampledata/beverages.txt”;

// prepare the data

var source =

{

datatype: “json”,

datafields: [

{ name: ‘name’ },

{ name: ‘type’ },

{ name: ‘calories’, type: ‘int’ },

{ name: ‘totalfat’ },

{ name: ‘protein’ },

],

id: ‘id’,

url: url

};

var dataAdapter = new $.jqx.dataAdapter(source);

$(“#jqxgrid”).jqxGrid(

{

source: dataAdapter,

columns: [

{ text: ‘Name’, datafield: ‘name’, width: 250 },

{ text: ‘Beverage Type’, datafield: ‘type’, width: 250 },

{ text: ‘Calories’, datafield: ‘calories’, width: 180 },

{ text: ‘Total Fat’, datafield: ‘totalfat’, width: 120 },

{ text: ‘Protein’, datafield: ‘protein’, minwidth: 120 }

]

});

$(“#button”).click(function () {

var dataAdapter = new $.jqx.dataAdapter(source);

$(“#jqxgrid”).jqxGrid({ source: dataAdapter });

});

});

Refresh Data Source