.Columns(columns =>
{
//..
columns.Bound(p => p.amount)
.HeaderTemplate(
"Amount"
)
.ClientFooterTemplate(
"Sum: \\#=sum\\# "
);
//..
})
.DataSource(dataSource => dataSource
.Ajax()
.Aggregates(aggregates => {
aggregates.Add(p => p.amount).Sum();
})
.Read(read => read.Action("Invoice_Read", "ProjectsInvoice", new { projectCode = "#=projectCode#" }))
)
Hi,
My job is using the ANDI Accessibility Tool to test for accessibility and Section 508 compliance.
The tool keeps telling me that the, "Grid Element has no accessible name." I have tried all of the suggestions listed in your online Grid Accessibility document. However, I'm still getting the same message.
I also used the ANDI tool on your accessibility grid example and I received the same message.
Can someone assist me with this issue?
ANDI is a free Chrome Extension: https://chromewebstore.
I am including the results from my application and from your online demo grid.
Thanks,
Trena
I have two draggable grids, but the second has no drop point, just a circle with a line through it. Can you tell me why the second grid allows me to drag the row but no where to drop?
// QUESTIONS
@(Html.Kendo().Grid<AggregateModel>()
...
.columns.Bound(e => e.AccountType)
.Title("Account Type").Width(100)
.Filterable(f => f.Multi(true).Search(true).DataSource(ds => ds
.Read(read => read.Type(HttpVerbs.Get).Url("api/AccountTypeFilters")
.Data("{ field: 'AccountType' }"))));
{
"$id": "1",
"AccountType": [
{
"$id": "2",
"Disabled": false,
"Group": null,
"Selected": false,
"Text": "Client",
"Value": "0"
},
{
"$id": "3",
"Disabled": false,
"Group": null,
"Selected": false,
"Text": "House",
"Value": "1"
}
]
}
Uncaught TypeError: n.slice is not a function
at init.success (kendoscripts.min.js?v=2-0-289-1:1:101049)
at success (kendoscripts.min.js?v=2-0-289-1:1:100001)
at i.success (kendoscripts.min.js?v=2-0-289-1:1:88721)
at v (headerscripts.min.js?v=2-0-289-1:14:35030)
at Object.fireWith [as resolveWith] (headerscripts.min.js?v=2-0-289-1:14:35775)
at b (headerscripts.min.js?v=2-0-289-1:14:74792)
at XMLHttpRequest.<anonymous> (headerscripts.min.js?v=2-0-289-1:14:79897)
at XMLHttpRequest.wrapFn (webcomponents.js?v=2-0-289-1:2996:35)
at _ZoneDelegate.invokeTask (webcomponents.js?v=2-0-289-1:2626:171)
at ZoneImpl.runTask (webcomponents.js?v=2-0-289-1:2425:37)
We have this Command:
columns.Command(c =>
{
c.Custom("Delete").Text(" ").Click("onClick").IconClass("k-icon k-i-trash").HtmlAttributes(new { @title = Resource.DELETE });
})
And we have this function to set the grid state:
function loadOptions() {
var options = sessionStorage["userTable-options"];
if (options) {
var grid = $('#userTable').data('kendoGrid');
var toolBar = $("#userTable .k-grid-toolbar").html(); // https://stackoverflow.com/questions/27717575/kendo-mvc-persist-and-load-grid-buttons
var optionsJSON = JSON.parse(options);
// https://docs.telerik.com/kendo-ui/knowledge-base/grid-persist-customized-filter
var StatusTranslated = optionsJSON.columns.filter(function (c) { return c.field === "StatusTranslated.Text"; })[0];
StatusTranslated.filterable = {
ui: $.proxy(filterDropDownField, { field: 'StatusTranslated' })
};
grid.setOptions(optionsJSON);
$("#userTable .k-grid-toolbar").html(toolBar);
$("#userTable .k-grid-toolbar").addClass("k-grid-top");
}
}
Before setting the grid state the button executes successfully. After executing setOptions the button does not work anymore.
How do we combine the possibility to save/load the grid state, and the usage of custom buttons in the grid?
Kind regards.
How can I influence the drop down filters so that both start with the operator 'Contains' and the logic between them as 'or'.
They should be able to change them after initial setting. i would like it to look like the enclosed image to start.
Hi,
I’m using the Kendo UI Grid with column menu filters. My requirement:
Let the user pick a filter operator (e.g., contains, equals).
Don’t apply a filter if the value is empty.
Keep the operator visible every time the 3-dot menu opens, even after sorting.
What I’ve tried:
columnMenuInit
→ Works first time, but doesn’t fire again for the same column.
Popup open
inside columnMenuInit
→ Fires once, but after sorting the grid, it doesn’t trigger again.
Delegated jQuery click handler → Works reliably, but feels like a hack.
Minimal repro (MVC wrapper):
Issue:
The operator shows correctly the first time.
After sorting and reopening the menu, the operator reset logic does not run.
Questions:
Is there an official event I can use to run logic every time the column menu opens?
What’s the recommended way to restore operator state when no filter value is applied?
Thanks!
How can I fix this, surely they are meant to be side by side, Ideally I would like to change the is true to labels also?
Hi,
I'm using ASP.NET MVC with Kendo UI v. 2024.2.514 and I'm running into a weird issue when exporting a grid to PDF.
When I trigger the export, the PDF output shows only the current page of the grid duplicated X number of times.
For example, if I'm on page 2 of a 10-page grid, instead of exporting all ten pages, the PDF contains page 2 repeated 10 times.
I'm enabling the PDF export like this:
.ToolBar(tools => tools.Pdf()) .Pdf(pdf => pdf.AllPages())
Has anyone run into this issue or have any suggestions on what I'm missing here?
Thanks!