Test Environment:
OS Version: 22H2 OS Build 22621.1702
Edge Version: Edge(Chromium) Version 114.0.1823.37 (Official build) (64-bit)
Repro-Steps:
- Open ASP.NET MVC Grid Web API Binding Demo | Telerik UI for ASP.NET MVC with valid credentials in Edge browser.
- Navigate through the page using Tab key till filter buttons.
- Run Tab stops and observe the issue whether focus is moving to the filter buttons or not.
While navigating through the page, the Tab focus is not moving to the filter buttons.
While navigating through the page, the Tab focus should move to the filter buttons.
User Impact:
Test Environment:
OS Version: 22H2 OS Build 22621.1702
Edge Version: Edge(Chromium) Version 114.0.1823.37 (Official build) (64-bit)
Repro-Steps:
- Open Demo for core features in ASP.NET MVC Grid control | Telerik UI for ASP.NET MVC with valid credentials in Edge browser.
- Navigate through the page using Tab key till Expand/collapse button.
- Run Tab stops and observe the issue whether focus is not moving to the "expand/collapse" button.
While navigating through the page, the Tab focus is not moving to the expand and collapse button.
While navigating through the page, the Tab focus should move to the expand and collapse button.
User Impact:
Aren't the files in the /Content/kendo/2023.1.314/ folder KendoUI version files, not MVC version files?
Below is the contents of the file after upgrading to the new version.
I thought it was strange, so I browsed the stylesheet folder of the newly installed version.
The folder contents of the previous version were as follows.
Isn't it a problem with the distributed installation files?
I have a cshtml page that uses Kendo UI ASP.NET MVC that does the following:
- sends an ajax request to a controller action method,
- opens a new tab using window.open(),
- displays a temporary message to let the user know that something is happening,
- then overwrite the new tab content using the view that is contained in the ajax response.
The view contains one or more grid widgets (the number depends on how many result types were requested) and each grid is set up to export Excel.
The problem is that when window.open() is used to open a new tab, the browser history state is null and the window.location.href is empty with the browser location showing "about:blank". For Chrome and Firefox, this does not cause any issues when exporting excel for the grid. However, when using Edge with this situation, when the Export to Excel grid toolbar button is clicked and the onExportExcel event is fired, the browser Open or Save dialog prompt is displayed but the active tab (the one that contained the grid) closes. This behaviour is very undesireable. The ProxyUrl grid excel option does not fire since Edge supports javascript file saving.
A workaround for this situation is to forcibly set the new tab window object location href by using the window.history.pushUpdate function. A code snippet is included below.
let dataModel = {Id = 123571113, Name="jason bourne"};
let jsonModel = JSON.stringify(dataModel);
let curDate = new Date();
let targetUrl = '@Url.Action("Reports", "Report", new { @area = "Reports" })';
let targetWindowName = "something meaningful" + " " + curDate.toISOString();//add datetime stamp to avoid issue where you cannot open a window with the same name as the current window.
let html = "some html content to provide a temporary message to your audience";
let targetWindow = window.open(targetUrl, targetWindowName);
if (targetWindow !== null && targetWindow !== undefined)
{
targetWindow.document.write(html);
targetWindow.document.close(); // to finish loading the page
targetWindow.document.title = targetWindowName;
//attempt to forcibly update the URL in the history and target window location to fix problem with grid export to excel on Edge browser
let targetWindowHistoryHref = window.location.href;
if (oModel.BuildingDesigns !== null && oModel.BuildingDesigns !== undefined && oModel.BuildingDesigns.length > 0) {
targetWindowHistoryHref += "?oBuildingDesignId=" + oModel.BuildingDesigns[0].ObfuscatedBuildingDesignId + "&BuildingDesignName=" + oModel.BuildingDesigns[0].BuildingDesignName;
} else {
targetWindowHistoryHref += "?" + oModel.Target;
}
targetWindow.history.pushState(null, null, targetWindowHistoryHref);
}
$.when(
$.ajax({
type: "POST",
dataType: "html", // this is the data type expected to be returned from the controller method
contentType: "application/json", // this is the content type expected by the controller method
url: targetUrl,
data: jsonModel,
beforeSend: function() {
console.log(".... submitting report request");
athena.loader.loading("submitting report request");
},
success: function(response) {
athena.loader.stopLoading();
if (debugLevel > 2) {
console.log(".... response = " + response + " : ", response);
}
//attempt to populate the target browser tab with the response
try {
console.log(".... attempting to open a browser tab and populate it with the HTML response object");
console.log(".... targetWindow = " + targetWindow);
//will trigger popup blockers :: targetWindow = window.open("", oModel.Target);
if (targetWindow !== null) {
if (response === null || response === undefined) {
targetWindow.document.body.innerHTML = '';
} else {
//completely replace the existing document (not just the innerhtml)
targetWindow.document.open();
targetWindow.document.write(response);
targetWindow.document.close();
targetWindow.document.title = targetWindowName;
}
}
} catch (ex) {
// do nothing, just catch when the open fails.
console.log("error: " + ex.message);
}
},
error: function(jqXhr, textStatus, errorThrown) {
console.log('.... error :: ajax status = ' + textStatus + ' :: errorThrown = ' + errorThrown);
console.log('....-- jqXhr.responseText :: \n' + jqXhr.responseText);
}
})
).done(
function() {
console.log(".... report request has completed");
targetWindow.focus();
}
);
When we are managing large volumes of data with several thousand datasource objects (grid rows) all of the rows need to be transported with each event.
This leads to errors with the json being too large to serialize.
We wish to restrict the data footprint and only return data for the page requested.
so if the grid has 100 pages and page size is 10 we only want to return the 10 rows required for the page, not 1000 rows.
This is not possible with the Kendo grid.
To work around this issue we have devised a strategy to return the the number of datasource objects Kendo grid expects up to the requested page count, but they are empty objects with no data, and then only have the last 10 rows populated with data.
It would be better for the grid control just to expect the number of results expected to the selected page and not have to add the dummy rows, so long as the total number of rows is provided so that the grid knows how many pages there are.
Our work around looks something like this in asp.net MVC
var users = cm.getUsers();
var result = new DataSourceResult();
var results = new List<user>();
int index = 0;
if (pageNum == 1)
results = users.Take(pageSize).ToList();
else
{
index = pageSize * (pageNum - 1);
results = users.Skip(index).Take(pageSize).ToList();
}
List<user> output = null;
[This is the bit that should be handled by the kendo grid, without the need for dummy rows to further reduce json size]
if (index == 0)
{
output = new List<user>(results);
}
else
{
output = new user[index].ToList();
output.AddRange(results);
}
result = output.ToDataSourceResult(request);
result.Total = users.Count();
return Json(result, JsonRequestBehavior.AllowGet);
With the latest 2022 release, the grid toolbar seems to be rendering buttons incorrectly. It is generating them with k-button and k-button-icontext classes only on them. I don't 100% know this is wrong, but i expected them to render with k-button-solid-base and k-rounded-md classes, and i'm pretty sure i saw docs saying the icontext is not used anymore.
Note: this is about the mvc wrapper.
I'm not sure if this is a bug but if you leave the size off of a column, it stretches to fill the remaining area. However I discovered that this does NOT happen if you lock one of your columns. If you do this, the column doesn't render at all.
<script>
//my amazing function|
function() {
var x = 0;
doSomething();
}
Your grid will "minify" this into a single line when including the popup code as an editor template. This will break everything because javascript will treat everything after the double-slashes as a comment, which means the entire popup is now gone.
This has been an ongoing issue for years and we expected that your code would someday be smart enough to strip comments when minifying the popup (which minifying is supposed to do anyway) or perhaps convert them so they open and close.
Note: I realize it's not really a "minify" since it keeps the same variables but it's about as well as i can describe what's going on.
The requested solution is simply to strip comments out when pulling in the custom popup editor, as they are pretty much useless when the entire popup is in a single line anyway.
UI Component name doesn't validate if there are spaces being used, (an expression is used for name). When spaces are used it doesn't work and throws no errors at all in web console or visual studio output window.
For example if we use an Telerik expression (like we did) as part of the name it will break if said expression returns a value with a space. Which in hindsight makes 100% sense. I think it would be beneficial to any developers in the future if there was a layer of validation that would check to see if a UI component name has a space in it which will break the component functionality.
In the Telerik-example.png I showed what the fields Im searching by are and you can see grid 1 is loading (which is correct and will work when I continue through the process) However grid 2 simply shows/outputs nothing in the grid at all, and the name of the grid is the black underlined field. Which is breaking due to the space being there.
Telerik UI for ASP.NET MVC version for custom datasource in the Read method of Transport does not support the method Data(string handler) in order to send additional parameters.
Kendo UI version supports this.
Is there a workaround for this?
Hi,
I'm wondering that if it's too much trouble for Telerik to add/implement Persian Calendar In Kendo UI Products.
respectfully,
Thank you for your consideration,
When using QueryableExtensions.ToDataSourceResult() from Telerik MVC, SQL following gets produced:
.. FROM [RMP].[V_UC_EQUIPMENT_LOG2_LOCALIZATION] WHERE ([Extent1].[LOG_TIME] >= convert(DateTimeOffset, ''2019-03-05 23:00:00.0000000 +00:00'', 121)) AND ([Extent1].[LOG_CLASS_ID] IN (78,7,18,30,19,16,17))
When we filter manually in code with linq, e. g.
.. table.Where(e => e.T_EquiID == 234234) ...
the linq provider produces a parameterized query as follows:
AND (@p__linq__0 = [Extent1].[T_EquiID])...
When using a parameterized query, Sql Server can reuse the execution plan much better saving compile time, which is in our case sometimes a big issue.
Please tell us, why can QueryExtensions do produce parameterized queries.
This request feature is tied to ticket #1388825. Refer to that ticket for the illustration of the problem I am referring to.
Given two splitter windows, all I require is to populate one splitter window with some data related to the other splitter window.
In my case, one Telerik splitter window has a simple 3-level Telerik tree control. When the 3rd level is clicked on, I want the other Telerik splitter window containing a Telerik grid to display details of what was clicked on. This requires an AJAX call to avoid having to reload the tree control.
However, while working with Support, there seems to be a very high degree of rocket science and uncertainty involved with implementing this scenario.
I would have thought with great certainty that the functionality I need would be clearly documented somewhere in the Telerik doc database. I am still amazed that I might the first person who has this problem.
So, this feature request is to essentially provide very clear and competent documentation on the design pattern one needs to implement AJAX calls which pass data between two Telerik controls. At the very least, it would document the design pattern for the scenario I described above.
Maybe this cannot be done in the 21st Century yet. I don't know what is involved. I'm just a backend developer who purchased a Telerik license so I would not have to spend the rest of my life trying to learn Javascript.
Thank you,
Jay
jaylauriano@hotmail.com
I'm using drawing.drawDOM to create a PDF. I have to make a table of contents in the beginning of the PDF. I've got two issues:
- How do I link to another section of the PDF? <a href="#conclusion">Conclusion</a> and then later <a name="conclusion"></a> doesn't seem to work :-/
- How do I figure out on which page a specific part of the document is being rendered? In my TOC I would like to say "Conclusion....page 22".
Create a PDF file viewer (like the one in WPF) so users can view PDF files in the web application. And can also control who can read, copy and/or print
Currently, if I want to bind an ASP.NET TreeList to an OData DataSource, I have to define the data source using a javascript object: https://demos.telerik.com/aspnet-mvc/treelist/odata https://demos.telerik.com/aspnet-core/treelist/odata I would like to be able to be able to define the OData DataSource using ASP.NET Razor syntax just like the Grid: https://demos.telerik.com/aspnet-mvc/grid/odata https://demos.telerik.com/aspnet-core/grid/odata Thank you.
Possibility to iterate over all manually defined columns and f.i. set width or any other property.
Hi I have some question the "ustr" i want use diagram "https://demos.telerik.com/aspnet-mvc/diagram" link and i don't know what code it's use in method
public ActionResult _OrgChart(){return Json(DiagramDataRepository.OrgChart(), JsonRequestBehavior.AllowGet);}
please i want to help what i do
Please add support for the following: 1. Out of the box support for ComboBox grid column which supports nullable values. Currently you have to set a default value for a column which utilizes an editor template using a combobox, otherwise changes to that combox are not captured. The example provided here,https://www.telerik.com/support/code-library/binding-nullable-field-to-dropdownlist-editor-in-grid, works, however, once a change is made the combobox text is set to the value which renders the control ambiguous to the end user. 2.Similarly, there is an issue that occurs when using Server Filtering for comboboxes where the Id is returned but then the combo box text is set to the ID. I really appreciate the Grid and Combobox features and use them in all of my projects, but these two issues have cost me hours and countless headaches trying to come up with workarounds for things that should work out of the box. Thanks
have an option on the grids where it does not defualt to the date/local time. Users are asking for the same time to display across time zones. I use the workaround but we still have issues with it.