Filter Data on the basis of dropdown in custom toolbar

Thread ID:	Created:	Updated:	Platform:	Replies:
146522	Aug 7,2019 05:50 AM UTC	Aug 8,2019 09:36 AM UTC	ASP.NET Core - EJ 2	1

Subscribe to this post

Tags: DataGrid

Muhammad Tassadaque Zia

Asked On August 7, 2019 05:50 AM UTC

I have seen this post about how to add dropdown in custom toolbar. I want to know how can i filter grid data on the basis of value selected in dropdown

Reply | Reply with quote

Dhivya Rajendran [Syncfusion]

Replied On August 8, 2019 09:36 AM UTC

Hi Muhammad,

Thanks for contacting Syncfusion support.

We have analyzed your requirement and we suggest you to bind change event for dropdown and get the selected value from dropdown list then based on the value you can perform filter in Grid by using filterByColumn method.

Index.cshtml

<ejs-dropdownlist id="filterDropDown" dataSource="@ViewBag.DataSource" placeholder="Select a Value to Filter" width="300" change="dropDownchange" popupHeight="220px">

<e-dropdownlist-fields text="OrderID" value="OrderID"></e-dropdownlist-fields>

</ejs-dropdownlist>

<ejs-grid id="Grids" dataSource="ViewBag.DataSource" allowPaging="true" allowFiltering="true">

. . . . .

</ejs-grid>

function dropDownchange(args) {

var grid = document.getElementById('Grids').ej2_instances[0];

grid.filterByColumn('OrderID', 'equal', args.value);

}

</script>

Help Documentation: https://ej2.syncfusion.com/documentation/api/grid/#filterbycolumn

https://ej2.syncfusion.com/aspnetcore/documentation/drop-down-list/data-binding/?no-cache=1#bind-to-url-adaptor

Regards,

R.Dhivya

Reply | Reply with quote

CONTACT US

Filter Data on the basis of dropdown in custom toolbar

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US