[aravindtrueMember]

$(document).ready(function () {
var theme = getTheme();
$(“#jqxgrid”).jqxGrid(
{
width: 670,
theme: theme,
filterable: true,
sortable: true,
autoshowfiltericon: true,
});

var addfilter = function () {
var filtergroup = new $.jqx.filter();

var filter_or_operator = 1;
var filtervalue = ‘Beate’;
var filtercondition = ‘contains’;
var filter1 = filtergroup.createfilter(‘stringfilter’, filtervalue, filtercondition);

filtervalue = ‘Andrew’;
filtercondition = ‘starts_with’;
var filter2 = filtergroup.createfilter(‘stringfilter’, filtervalue, filtercondition);

filtergroup.addfilter(filter_or_operator, filter1);
filtergroup.addfilter(filter_or_operator, filter2);
// add the filters.
$(“#jqxgrid”).jqxGrid(‘addfilter’, ‘firstname’, filtergroup);
// apply the filters.
$(“#jqxgrid”).jqxGrid(‘applyfilters’);
}

$(“#generate”).click(function(event){
var data = generatedata(500);
var source =
{
localdata: data,
datatype: “array”
};
$(“#jqxgrid”).jqxGrid(
{
width: 670,
source: source,
theme: theme,
filterable: true,
sortable: true,
ready: function () {
addfilter();
},
autoshowfiltericon: true,
columns: [
{ text: ‘First Name’, datafield: ‘firstname’, width: 90 },
{ text: ‘Last Name’, datafield: ‘lastname’, width: 90 },
{ text: ‘Product’, datafield: ‘productname’, width: 170 },
{ text: ‘Order Date’, datafield: ‘date’, width: 160, cellsformat: ‘dd-MMMM-yyyy’ },
{ text: ‘Quantity’, datafield: ‘quantity’, width: 80, cellsalign: ‘right’ },
{ text: ‘Unit Price’, datafield: ‘price’, cellsalign: ‘right’, cellsformat: ‘c2’ }
]
});
});
});

Please look at the above example. I want to apply filter after the row is populated.

Regards,
Aravind

[aravindtrueMember]

Yeah, I don’t want the option in the filter box but I need sorting only on click of grid header.

Regards,
Aravind

[aravindtrueMember]

Yeah, I checked that too, it is inline editing.

It happens in double click. But, I need that by default.

can I able to display the dropdown list inside the grid control. Is there a way?

Regards,
Aravind

[aravindtrueMember]

Thanks for the response, I can able to create the images now.

What is the exact way to bind a dropdown list in the grid cell? I was looking at the below link,

http://stackoverflow.com/questions/11408519/database-binding-of-jqwidget-dropdownlist-in-grid-cell

Is this proper way to implement? I tried, it is not working.

Regards,
Aravind

[aravindtrueMember]

Thanks a lot. It is working perfect.

Regards,
Aravind

[aravindtrueMember]

Yeahh.. I think it has to be changed, this seems like a disadvantage. Apologize, if I’m wrong.

http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/masterdetails.htm?classic

This is an awesome example to display the master and salve details. When I include the editable here, the behavior changes i.e. the slave list and updating the text in cell, happens at the same time (single click).

Regards,
Aravind

[aravindtrueMember]

Thank you…

Regards,
Aravind

[aravindtrueMember]

Perfect. This is great..

I was working in version 2.4.1 and the demo is having 2.4.2.

And missed out the ‘type’ for datafields.

Thanks a lot for helping me out.

Regards,
Aravind

[aravindtrueMember]

Perfect. This is great..

I was working in version 2.4.1 and the demo is having 2.4.2.

And missed out the ‘type’ for datafields.

Thanks a lot for helping me out.

Regards,
Aravind

[aravindtrueMember]

Hi Peter,

I am using version 2.4.1 and still facing this problem. Is this resolved?

Regards,
Aravind

[aravindtrueMember]

Thanks a lot for the response.

Regards,
Aravind

[aravindtrueMember]

Thanks for the quick response.

so the selection mode is for the cells when editable is true.

Is it possible to achieve, what I’m expecting?

* When I hover on a row or cell, it should highlight the whole row.
* When I single click on a row or cell, the whole row should be marked as selected.
* When I double click on a cell, it turns to editable textbox or dropdown.

Please correct me, if I’m wrong.

Thanks & Regards,
Aravind

[Author]

Posts