[vikramsidParticipant]

Hi Peter,
Thanks for the response. My dropdown controls on each cell open in 3-4 seconds, the same way when I close the dropdown and tab to next cell it takes 3 secs to focus on the next control. Any reason why it is happening? As you suggested I will try to remove the autoheight and autorowheight from the code coz I have to show all my questions on a single page.

Thanks,
Vikram

[vikramsidParticipant]

Attaching the sample screenshot. looks like my last column width is lesser than the date picker filter may be the reason why it opens and closes immediately?

[vikramsidParticipant]

i copied the code in the code block sorry for that.

$(“#grdQueue”).jqxGrid(
{
width: 1205,
height: 355,
columnsheight: 40,
source: queueAdapter,
theme: theme,
rowsheight: 25,
sortable: true,
pageable: true,
pagesize: 10,
showfilterrow: true,
filterable: true,
ready: function () {
$(“#grdQueue”).jqxGrid(‘clearfilters’);
$(“#grdQueue”).jqxGrid(‘sortby’, ‘id’, ‘asc’);
},
columns: [
{ text: ID', datafield: 'Id', align: 'center', cellsalign: 'center', width: '9%', cellsrenderer: linkrenderer, renderer: columnsrenderer },
{ text: 'Version', datafield: 'Version', align: 'center', cellsalign: 'center', width: '8%', filtertype: 'checkedlist', renderer: columnsrenderer },
{ text: 'Type', datafield: 'Type', align: 'center', cellsalign: 'center', width: '6%', filtertype: 'checkedlist', renderer: columnsrenderer },
{ text: 'Audit Type', datafield: 'auditType', align: 'center', cellsalign: 'center', width: '6%', filtertype: 'checkedlist', renderer: columnsrenderer },
{ text: 'Analyst', datafield: 'AnalystRacf', align: 'center', cellsalign: 'center', width: '7%', filtertype: 'checkedlist', renderer: columnsrenderer },
{ text: 'Location Code', datafield: 'locationCode', align: 'center', cellsalign: 'center', width: '6%', filtertype: 'checkedlist', renderer: columnsrenderer },
{ text: 'Last Name', datafield: 'LastName', align: 'center', cellsalign: 'center', width: '7%', filtertype: 'checkedlist', renderer: columnsrenderer },
{ text: 'Status Code', datafield: 'statusCode', align: 'center', cellsalign: 'center', width: '7%', filtertype: 'checkedlist', renderer: columnsrenderer },
{ text: 'Status Date', datafield: 'statusDate', align: 'center', cellsalign: 'center', width: '8%', cellsformat: 'dd.MM.yyyy', filtertype: 'date', cellsformat: 'd', renderer: columnsrenderer },
{ text: 'Product Family', datafield: 'productFamily', align: 'center', cellsalign: 'center', width: '7%', filtertype: 'checkedlist', renderer: columnsrenderer },
{ text: 'Product Group', datafield: 'productGroup', align: 'center', cellsalign: 'center', width: '7%', filtertype: 'checkedlist', renderer: columnsrenderer },
{ text: 'Product', datafield: 'productCode', align: 'center', cellsalign: 'center', width: '6%', filtertype: 'checkedlist', renderer: columnsrenderer },
//{ text: 'Assigned Date', datafield: 'assignedDate', align: 'center', cellsalign: 'center', width: '7%', cellsformat: 'dd.MM.yyyy', filtertype: 'date', cellsformat: 'd', renderer: columnsrenderer },
{ text: 'Decision Date', datafield: 'DecisionDate', align: 'center', cellsalign: 'center', width: '8%', cellsformat: 'dd.MM.yyyy', filtertype: 'date', cellsformat: 'd', renderer: columnsrenderer },
{ text: Last Activity Date', datafield: 'LastActivityDate', align: 'center', cellsalign: 'center', width: '8%', cellsformat: 'dd.MM.yyyy', filtertype: 'date', cellsformat: 'd', renderer: columnsrenderer }
]
});

var rows = $(‘#grdQueue’).jqxGrid(‘getrows’);
if (rows.length > 0) {
$(“#grdQueue”).jqxGrid(‘clearfilters’);
}

[vikramsidParticipant]

Hi,

Here is the sample code where we are creating the grid, it has the width of 1205, the filter you have in your link are default filters but we have a filter row set to true and the filtertype for the last column is date, when we open the filter date the grid is full width(100%) on the screen, it opens up and closes automatically.

$(“#grdQueue”).jqxGrid(
{
width: 1205,
height: 355,
columnsheight: 40,
source: queueAdapter,
theme: theme,
rowsheight: 25,
sortable: true,
pageable: true,
pagesize: 10,
showfilterrow: true,
filterable: true,
ready: function () {
$(“#grdQueue”).jqxGrid(‘clearfilters’);
$(“#grdQueue”).jqxGrid(‘sortby’, ‘id’, ‘asc’);
},
columns: [
{ text: ID’, datafield: ‘Id’, align: ‘center’, cellsalign: ‘center’, width: ‘9%’, cellsrenderer: linkrenderer, renderer: columnsrenderer },
{ text: ‘Version’, datafield: ‘Version’, align: ‘center’, cellsalign: ‘center’, width: ‘8%’, filtertype: ‘checkedlist’, renderer: columnsrenderer },
{ text: ‘Type’, datafield: ‘Type’, align: ‘center’, cellsalign: ‘center’, width: ‘6%’, filtertype: ‘checkedlist’, renderer: columnsrenderer },
{ text: ‘Audit Type’, datafield: ‘auditType’, align: ‘center’, cellsalign: ‘center’, width: ‘6%’, filtertype: ‘checkedlist’, renderer: columnsrenderer },
{ text: ‘Analyst’, datafield: ‘AnalystRacf’, align: ‘center’, cellsalign: ‘center’, width: ‘7%’, filtertype: ‘checkedlist’, renderer: columnsrenderer },
{ text: ‘Location Code’, datafield: ‘locationCode’, align: ‘center’, cellsalign: ‘center’, width: ‘6%’, filtertype: ‘checkedlist’, renderer: columnsrenderer },
{ text: ‘Last Name’, datafield: ‘LastName’, align: ‘center’, cellsalign: ‘center’, width: ‘7%’, filtertype: ‘checkedlist’, renderer: columnsrenderer },
{ text: ‘Status Code’, datafield: ‘statusCode’, align: ‘center’, cellsalign: ‘center’, width: ‘7%’, filtertype: ‘checkedlist’, renderer: columnsrenderer },
{ text: ‘Status Date’, datafield: ‘statusDate’, align: ‘center’, cellsalign: ‘center’, width: ‘8%’, cellsformat: ‘dd.MM.yyyy’, filtertype: ‘date’, cellsformat: ‘d’, renderer: columnsrenderer },
{ text: ‘Product Family’, datafield: ‘productFamily’, align: ‘center’, cellsalign: ‘center’, width: ‘7%’, filtertype: ‘checkedlist’, renderer: columnsrenderer },
{ text: ‘Product Group’, datafield: ‘productGroup’, align: ‘center’, cellsalign: ‘center’, width: ‘7%’, filtertype: ‘checkedlist’, renderer: columnsrenderer },
{ text: ‘Product’, datafield: ‘productCode’, align: ‘center’, cellsalign: ‘center’, width: ‘6%’, filtertype: ‘checkedlist’, renderer: columnsrenderer },
//{ text: ‘Assigned Date’, datafield: ‘assignedDate’, align: ‘center’, cellsalign: ‘center’, width: ‘7%’, cellsformat: ‘dd.MM.yyyy’, filtertype: ‘date’, cellsformat: ‘d’, renderer: columnsrenderer },
{ text: ‘Decision Date’, datafield: ‘DecisionDate’, align: ‘center’, cellsalign: ‘center’, width: ‘8%’, cellsformat: ‘dd.MM.yyyy’, filtertype: ‘date’, cellsformat: ‘d’, renderer: columnsrenderer },
{ text: Last Activity Date’, datafield: ‘LastActivityDate’, align: ‘center’, cellsalign: ‘center’, width: ‘8%’, cellsformat: ‘dd.MM.yyyy’, filtertype: ‘date’, cellsformat: ‘d’, renderer: columnsrenderer }
]
});

var rows = $(‘#grdQueue’).jqxGrid(‘getrows’);
if (rows.length > 0) {
$(“#grdQueue”).jqxGrid(‘clearfilters’);
}

[Author]

Posts