Selecting Check boxes on Filter options for jqxtreegrid/jqxgrid is taking longer

[ImSanjayParticipant]

Hi Team,

I have applied filter options like below:

// Create jqxGrid.
$(“#grid”).jqxGrid(
{
width: getWidth(‘Grid’),
source: dataAdapter,
showfilterrow: true,
columnsResize: true,

filterable: true,
columnsReorder: true,
pageable: true,
theme: “custom”,
pageSize: 50,
pageSizeOptions: [’25’, ’50’, ‘100’, ‘200’],
/*autoheight: true,*/
columns: [
{ text: ”, datafield: ‘delete’, cellsrenderer: linkrendererDel, columnType: ‘none’, editable: false, resizable: false, groupable: false, filterable: false, sortable: false, width: 40 },
{ text: ‘ID’, datafield: ‘EstimateID’, cellsrenderer: linkrendererid, width: 90 },
{ text: ‘Project ID’, datafield: ‘PPMO_ProjectID’, width: 90 },
{ text: ‘AC Project Name’, datafield: ‘AC_Project_Name’, filtertype: ‘checkedlist’, width: 200 },
{ text: ‘Planned Start Date’, datafield: ‘PlannedStartDate’, createfilterwidget: createfilterwidget, filtertype: ‘checkedlist’, cellsalign: ‘center’, cellsformat: ‘d’, width: 130 },
{ text: ‘Planned End Date’, datafield: ‘PlannedEndDate’, createfilterwidget: createfilterwidget, filtertype: ‘checkedlist’, cellsalign: ‘center’, cellsformat: ‘d’, width: 130 },
{ text: ‘Completed Date’, datafield: ‘CompletedDate’, createfilterwidget: createfilterwidget, filtertype: ‘checkedlist’, cellsalign: ‘center’, cellsformat: ‘d’, width: 130 }

]
});

But compare to chrome, in IE when I am trying to select checkboxes in filters , selection is not happening fastly. Jqxgrid/jqxtreegrid taking time to make selection of checkboxes in filters and I am not facing same issue in chrome.

[MartinParticipant]

Hello ImSanjay,

Can you share what is the implementation of your createfilterwidget function that you set to the checklist filtered columns?

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[ImSanjayParticipant]

Just I am replacing empty values with (blank) in filter value

//CreateFilterWidget

var createfilterwidget = function (column, element, widget) {
$(widget).jqxDropDownList(’emptyString’, ‘(blank)’);
}

[MartinParticipant]

Hello ImSanjay,

Please, take a look at this Demo about filtering with checkboxes. It is working fine both in Chrome and in IE.
Also, what are you trying to achieve with this ’emptyString’, ‘(blank)’? The dropdown should have the values that are in the Grid (maximum one empty value).
You can check for an empty value and replace them with blank in the beforeLoadComplete callback.

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[ImSanjayParticipant]

Hi Martin,

In my case, if dropdown values are empty, I should not show as empty string value. I want to show empty values as a value ‘(blank)’. This is only one grid that I used above script. I have used grids in different pages/screen, issues exists in that grid as well. It works fine in chrome but not in IE.

[Author]

Posts