I have a kendoGrid with filterable columns using jQuery. Let's say I have a column named Title. When I click on filter icon besides the column name a dropdown occurs that has "Filter" ption and on hovering over "Filter" option a new dropdown containing all the values from the columns is opened. I want this newly opened dropdown to the left always. How can I do so ?
$('#grid').data("kendoGrid");
if (grid != undefined || grid != null)
$('#grid').empty();
var grid = $("#grid").kendoGrid({
dataSource: DataSource,
schema: {
data: function (response) {
return response;
}
},
},
sortable: true,
filterable: true,
columnMenu: true,
reorderable: true,
resizable: true,
multi: true,
selectable: true,
dataBinding: function () {
record = (this.dataSource.page() - 1) * this.dataSource.pageSize();
},
noRecords: true,
messages: {
noRecords: "No records found"
},
pageable: {
pageSize: 5,
input: true
},
columns: [
{
title: "Sr. No.",
template: "#= ++record #",
width: 70
},
{
field: "Title", title: 'Title',
width: "25%",
attributes: {
style: 'white-space: nowrap;'
},
filterable: {
multi: true,
extra: false,
search: true,
operators: {
string: {
eq: "Is equal to",
neq: "Is not equal to",
contains: "Contains"
}
}
}
},
{
command: [
{ name: "edit1", text: "", iconClass: "k-icon k-i-eye", className: "ob-view" }],
title: "Action", lock: true, width: 80, headerAttributes: {
style: "text-align: center;"
}
}
]
});
}
I am trying to call a function from the javascript from filter. If I try to filter the column , the function is not being called. There is no any error in console and the value is coming into the grid. But just that trigger is not called when filter the column. Also I wondering if I remove the function from the script , it will look for the function and will give the error function not found. But if there is function, it will not call the function and alert message is not getting
We are using the latest version of Kendo Telerik grid. Why the filterable.UI does not work in Asp.net core MVC? How can I find the reason why it is not called?
Here is my code
columns.Bound(e => e.City)
.Filterable(filterable => filterable.UI("cityFilter"))
.Width(200);
<script type="text/javascript">
function cityFilter(element) {
alert('testting'
}
</script>
Hi,
Would love to know how to hide cells based on the value OR order of rows.
Here is what I have coming in:
It is a merged cell by Staff Name.
Here is what I want initially when the grid is populated:
Then… If I click on the toggle button, or the row… this would work too it would expand like this:
Trying to figure out how to filter off of the value TOTAL in the 5th column… then click a button on the 5th column (Pay Code) …and have it fully populated. The merge cell stuff I think I have got. Any idea how I could accomplish this?
Regards,
George