Hi,
We have a property EnableHeaderContextAggregateMenu in Radgrid. By enabling this, we can aggregate any column in the Radgrid and show the result value in the corresponding column footer at runtime by the end user.
Do we have similar property in Kendo UI Grid? We need to implement this in Kendo UI Grid which has dynamic column data binding. We had attached a sample code here. Can you please implement the same in the code and revert?
Thanks & Regards,
Shivakumar. K
I posted this in the forums but didn't get a response so I'll try here. Per this link, and other forum posts I thought that when server operations are set to 'false' that non string types would work in the search box for the ASP MVC Core grid.
Documentation:
Another forum post reference:
https://www.telerik.com/forums/new-search-panel-and-datetime
My grid code is below. The 'PaymentType' Column is an enum and the search does not work for it. I have also tried adding this:
.Search(search=> { search.Field(f => f.PaymentType); })
but it didn't make a difference
@(Html.Kendo().Grid<B3.Services.LoanServices.LoanServiceModels.PaymentServiceModel>()
.Name("PaymentRegisterReport")
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("Payments_Read", "StandardReports", new { area = "Reports" }))
.PageSize(1000)
.ServerOperation(false)
)
.Columns(columns =>
{
columns.Bound(p => p.Date).Format("{0:MM/dd/yyyy}").Title("Date");
columns.Bound(p => p.LoanName).Title("Loan Name");
columns.Bound(p => p.PaymentType).Title("Payment Type");
columns.Bound(p => p.CheckNumber).Title("Check Number");
columns.Bound(p => p.Amount).Title("Amount").Format("{0:C}")
.HtmlAttributes(new { style = "text-align: right" }).HeaderHtmlAttributes(new { style = "text-align: right" });
})
.Pageable()
.Sortable()
.Filterable()
.HtmlAttributes(new { style = "font-size:12px" })
.ColumnMenu()
.ToolBar(t =>
{
t.Search();
t.Excel();
})
.Reorderable(l => l.Columns(true))
.Events( e =>
{
e.ColumnShow("saveKendoGridState");
e.ColumnHide("saveKendoGridState");
e.ColumnReorder("kendoGridColumnReorder");
})
)
Per the documentation for the Grid's Search Panel:
"When the server operations are enabled, you can search only by using string fields."
This is an oddly-specific limitation to have that causes an awkward user experience. Grids in some areas with limited data might use client operations and, as a result, the Search Panel is capable of searching all columns in a Grid. Other areas, however, might have grids with significantly more data and be using server operations for performance reasons. A side-effect of this would mean the Search Panel is incapable of filtering on non-string fields. This not only might lead to unexpected results to an end-user, but also requires the developer to explicitly list each string field that can be searched. If a developer forgets to list only string fields, the default action will be for it to attempt to filter on all fields. If any fields happen to not be strings, you still get a loading indicator as if it's attempting to filter, but the Ajax request silently fails and returns an error 500 behind the scenes.
There are some manual workarounds discussed here, as well as some information as to why this limitation exists. It seems like the problems causing these limitations are known, as are some rough workarounds to get around it. It would be great if we could get some official support to address this limitation so developers aren't left to either work around it on their own or avoid using this feature altogether. This feature would be great if it weren't for this limitation. A single place to quickly and easily type in something to filter on, and have that filter applied against all columns could definitely save some time and be very useful, but with this limitation with a pretty technical explanation (from an end-user perspective), the unexpected mixed results could instead lead to confusion and frustration, and distrust of this feature.
This common issue immediately manifests itself through the Html helper output of shape Html.Kendo().__For(model => model.__). The output html contains a script following the created element, which contains:
kendo.syncReady(function(){jQuery("#NewPersonId").kendoTextBox({});});
This can possibly be mitigated by replacing the query part with:
jQuery(document.currentScript.previousSibling)
browser support for previousSibling
This suggestion assumes that the script element is always the next sibling of the element being "syncReady"-ed.
This will not solve the issue of users facing the issue in the own code if they try to query the element by ID themselves, but it may save them the trouble of specifying an id in cases where they only need to do so to prevent ID contention. This is only a suggestion. Feel free to disregard it.
The Custom() DataSource has capability to set the initial Page of the grid:
.PageSize(20)
.Page(4)
While the Ajax() DataSource does not. It would be nice if it gets added.
Currently, you can use the page() method for local or .Ajax() bound grid:
https://docs.telerik.com/kendo-ui/api/javascript/data/datasource/methods/page
Or query:
https://docs.telerik.com/kendo-ui/api/javascript/data/datasource/methods/query
Add support for hidden fields. There could be an alternative way of adding them to the Items collection, e.g.
.AddHidden()
Consider the cases when the hidden field is bound to a model field and when it isn't bound to the model. The latter could be a scenario involving antiForgeryTokens:
<input type="hidden" name="__RequestVerificationToken" value="token" />
In both cases you should be able to set the value of the hidden field programmatically and submit it with the form.
Provide support for the asp-page-handler attribute to call a handler in an ASP.NET Core 2.1 Razor page in addition to supporting controller/action methods.
Allow general configuration of SuggestionOperator, as is available for Operators.
I can do something like this in GridFilterableSettingsBuilder --
filterable.Operators(operators => operators
.ForString(str => str
.Clear()
.Contains("contains"))
I would like to also be able to do this --
filterable.SuggestionOperator(FilterType.Contains)
The overlay is not removed when closing an Alert dialog, if there is an open Window with draggable.containment option set.
Dojo example.
The overlay is not removed.
The overlay is removed.
Workaround: dojo.
I have a screen that I'm manually calling the print functionality of the kendo-pdfviewer from a button click. It is working, but the problem is that the resulting print dialog window is really small. Even if I open the print dialog, resize the dialog, and then try to print again it gets reset to the original small size. This is preventing our users from previewing what the resulting page will print like.
This is the code for my pdf viewer
<div class="row">
<div class="col">
<div id="example">
<kendo-pdfviewer name="pdfviewer" height="300">
<pdfjs-processing file="@(Url.Page("/Badges/Details", "VisitorBadge", new { BadgeId = @Model.Id }))" />
<toolbar enabled="false">
<pdfviewer-toolbar-items>
<pdfviewer-toolbar-item command="PrintCommand" type="button" name="print" icon="print"></pdfviewer-toolbar-item>
</pdfviewer-toolbar-items>
</toolbar>
</kendo-pdfviewer>
</div>
<style>
html body #pdfviewer {
width: 100% !important;
}
</style>
</div>
</div>
This is the javascript used to open the print dialog
badgereport.onWindowOpen = function () {
$pdfviewer = $("#pdfviewer").data("kendoPDFViewer");
$printBadgePdf = $("#printBadgePdf");
$closeBadgePdf = $("#closeBadgePdf");
$badgeWindow = $("#badgeWindow").data("kendoWindow");
$printBadgePdf.on("click", function (e) {
e.preventDefault();
$pdfviewer.execute({ command: "PrintCommand" });
});
$closeBadgePdf.on("click", function (e) {
e.preventDefault();
$badgeWindow.close();
});
};
Hi support team,
I have a question about translation of Kendo. I'm using Kendo as NuGet package dependency
and some text resources aren't translated to Slovak. They are still in English.
For example question in delete confirm dialog of grid and "Add new record" button of grid.
And in other widgets, but these two are the most important for me.
Is there any option to get translation working from NuGet package?
I tried everything i found, but nothing works.
Thanks in advance
Vlado
Hi,
How can I add Subtitles to Kendo Media player as in ASP.Net?
Is there any way to use
<track src="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="English">
with Asp.net core Kendo Media player?
Thank you.
I would like to be able to refresh the Chat widget or clear previous messages.
Adding the option to customize the position of the input field(top or bottom, for example), would also be a useful feature.
The current TagHelper implementation of the Spreadsheet doesn't allow a definition of a custom toolbar. What the user can define in the toolbar configuratio is to show selected pre-defined tools using a configuration like the following:
<toolbar>
<home >
<tool name="open"></tool>
</home>
</toolbar>
In the Kendo UI for jQuery suite, we can define a custom toolbar as follows:
$("#spreadsheet").kendoSpreadsheet({
toolbar: {
home:[
{
type: "button",
text: "PDF",
showText: "both",
icon: "k-icon k-i-download",
click: exportPdf
}]
}
});
Here is a sample project in which the "Open file" tool is defined.
We cannot define a custom toolbar using the Spreadsheet tag helper.
The user should be able to define a custom toolbar using the Spreadsheet tag helper as it is possible in the Kendo UI for jQuery suite - https://dojo.telerik.com/alobigUQ
Implement a mechanism that allows the content of a folder to be refreshed every time it is opened. Currently, on opening a folder a request to the "read" end point is sent and the content of the folder is loaded. But on subsequent opening of the same folder the FileManager does not send further requests. If there have been changes to the folder's structure, they won't be reflected in the FileManager, because it doesn't refresh the data. An auto-refresh functionality could resolve that.
A configuration option could allow enabling/disabling this functionality, e.g.,
.AutoRefresh(true)
When the Model for the Grid inherits the CustomTypeDescriptor, an error is thrown.
Open the attached sample project -
TelerikAspNetCoreApp3.zip
Load the About page
The following error is thrown:
An unhandled exception occurred while processing the request.
InvalidOperationException: Bound columns require a field or property access expression.
Kendo.Mvc.UI.GridBoundColumn<TModel, TValue>..ctor(Grid grid, Expression<Func<TModel, TValue>> expression)
The view should load without any errors
Hello,
under
https://demos.telerik.com/aspnet-core/checkbox/index
I found that a checkbox can be used as a telerik component.
Unfortunately my intellisense does not show a suggestion for checkbox when I try to use it as a tag helper.
So my question ist:
Can checkbox be used with Tag Helper in Asp.Core 3.1 (Razor Pages) ?
Regards