jQWidgets Forums

Tagged: angular grid, bootstrap grid, filter row and grouping, javascript grid, jquery grid, jqwidgets grid

This topic contains 3 replies, has 2 voices, and was last updated by Hristo 9 years, 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Bug in Grid with filter row and grouping Posts
November 27, 2015 at 8:48 am Bug in Grid with filter row and grouping #78610

tazi4444
Participant

Hi,
We have a grid with this : (showfilterrow: true, groupable: true ).
I use the example below to reproduce the bug:
1.Enter text “Martin” (or other text) in this column “Name” … (the result of the filter is ok).
2.We make a grouping on the column “Name” .. (the group’s result is ok)
3 We delete the grouping on the column “Name” .. (the result is OK)
4. We remove the text martin in the column “Name”… ( the resulat is KO) .. The filter is always on. He should go back to the initial state.

—————————————————————–
— Example : should not have filtertype properties in the grid
——————————————————————-
<!DOCTYPE html>
<html lang=”en”>
<head>
<title id=’Description’>This example illustrates the Grid filtering feature. Enter some data into the Filter Row.</title>
<link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”../../scripts/jquery-1.11.1.min.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxdata.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxlistbox.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxdropdownlist.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxmenu.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxgrid.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxgrid.filter.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxgrid.sort.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxgrid.selection.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxpanel.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxcalendar.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxdatetimeinput.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxgrid.grouping.js”></script>

<script type=”text/javascript” src=”../../jqwidgets/jqxcheckbox.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/globalization/globalize.js”></script>
<script type=”text/javascript” src=”../../scripts/demos.js”></script>
<script type=”text/javascript” src=”generatedata.js”></script>
<script type=”text/javascript”>
$(document).ready(function () {
var data = generatedata(500);
var source =
{
localdata: data,
datafields:
[
{ name: ‘name’, type: ‘string’ },
{ name: ‘productname’, type: ‘string’ },
{ name: ‘available’, type: ‘bool’ },
{ name: ‘date’, type: ‘date’},
{ name: ‘quantity’, type: ‘number’ }
],
datatype: “array”
};

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

$(“#jqxgrid”).jqxGrid(
{
width: 850,
source: dataAdapter,
showfilterrow: true,
filterable: true,
groupable: true,
selectionmode: ‘multiplecellsextended’,
columns: [
{ text: ‘Name’, columntype: ‘textbox’, datafield: ‘name’, width: 215 },
{ text: ‘Product’, datafield: ‘productname’, width: 220 },
{ text: ‘Available’, datafield: ‘available’, columntype: ‘checkbox’, width: 67 },
{ text: ‘Ship Date’, datafield: ‘date’, width: 210, cellsalign: ‘right’, cellsformat: ‘d’ },
{ text: ‘Qty.’, datafield: ‘quantity’, cellsalign: ‘right’ }
]
});
$(‘#clearfilteringbutton’).jqxButton({ height: 25});
$(‘#clearfilteringbutton’).click(function () {
$(“#jqxgrid”).jqxGrid(‘clearfilters’);
});
});
</script>
</head>
<body class=’default’>
<div id=”jqxgrid”>
</div>
<input style=”margin-top: 10px;” value=”Remove Filter” id=”clearfilteringbutton” type=”button” />
</body>
</html>

November 27, 2015 at 2:46 pm Bug in Grid with filter row and grouping #78628

Hristo
Participant

Hello tazi4444,

Thanks for using our product and for this report. We will investigate this.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

December 1, 2015 at 8:22 am Bug in Grid with filter row and grouping #78734

tazi4444
Participant

Hi,

Any Workaround for this bug?

thanks

December 1, 2015 at 11:23 am Bug in Grid with filter row and grouping #78739

Hristo
Participant

Hello tazi4444,

We would like to provide you one workaround: http://jsfiddle.net/hedar492/

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.