I have a Kendo UI jQuery grid (2022.2.802) that may have hundreds of rows. Two columns in each row need to be editable dropdownlists. After the user has finished making all of their edits, they will click a button on the page to submit their changes. I don't want an API call every time a user changes something. I want them to actively click a submit button. The data source is a local JavaScript array of objects. I tried just using the template to create the dropdown lists, but due to the number of rows, this slows down the page load too much. I also don't want them to have to click in the cell twice to open the dropdown list. I would prefer that they just click in the cell and it immediately opens the dropdown. How do I solve these issues?
Here is a Dojo with my attempt but it isn't quite working:
https://dojo.telerik.com/@dojolee/EJUBijuN
Hi,
I created a heatmap with custom color combination like the code below. My question is, how can I translate it as legend? Thank you.
function createChart() {For the KendoForm jQuery control, how do I control the forms method and action attributes.
Does the form default to sending the e.model ?
I don't see any attributes to change the method [get or post,] nor the action url.
var kGrid = jGrid.kendoGrid({
dataSource: {
transport: {
read: {
url: Main.rootUrl(""),
dataType: "json"
}
}
},
scrollable: false,
columns: [
{ field: "Field1", template: template1 },
{ field: "Field2", template: template2 },
{ field: "Field3", template: template3 },
],
dataBound: function (e) {
/* code */
}
}).getKendoGrid();
Inside a 'tr' of 'k-detail-row' this code is rendering table with empty 'td' of 'k-hierarchy-cell' class and 'td' of 'k-detail-cell' with above grid. How can I remove the 'td' element with k-hierarchy-cell class which is empty.
like it says, I have an application that absolutely needs the END_DATE highlighted on the YEAR view.
The start date is meaningless - we need to see only the end dates.
Got to be some way to modify the code to use the other date.
Where can I do this?
Thx
J
Hi,
I am wondering why on the select event for the Spreadsheet control I am seeing the previous active cell and not the one I just clicked on? Is there any way I can get the cell I last clicked on?
The function I am calling from the select event looks like this:
function onSelect(e) {
var spreadsheet = e.sender; // Get the Spreadsheet widget
var selectedCell = spreadsheet.activeSheet().activeCell();
console.log("on select event the cell value " + selectedCell);
}
Here is a Dojo link with an example:
Calling Read From dataSource Transport: | Kendo UI Dojo (telerik.com)
Thanks,
George
Hello!
I am trying to use ListView with Buttons inside a Tabstrip. I want the user to be able to select an item to view a report.
As part of this list, I want a clickable hamburger button for the user to open up a popover menu for additional settings.
This setup works for all browsers when I do not perform the "filter" function. However on Firefox (only), using this filter function on the ListView causes my Kendo buttons inside the list to suddenly not fire the onClick handlers.
$("#listView").data("kendoListView").dataSource.filter({
filters: [
{ field: "Document_Number", operator: "contains", value: "J82901" }
]
});
On Chrome and Edge, the Kendo buttons work just fine even after this filter. On Firefox however, I notice that the Kendo buttons are unformatted and do not respond to the click events when logging output in the console.
To reproduce the issue, I have provided the following dojo code: Sandbox Code here
Here is a sample image of the output: I have a Tabstrip with a ListView nested within. Each ListView entry has a button attached to it via a template. On click, the button should fire the click handler and print output to the console. (And a popover in the future)
Any help to get this working on Firefox would be greatly appreciated! This is an older version of Kendo UI (Sept 2021).
Thanks.
If you have a page with Telerik UI for ASP.NET AJAX RadHtmlChart and try to add Kendo UI for jQuery Notification to that page...
The JavaScript:
var notif = jqueryobject.kendoNotification({appendTo: "#appendto"}).data("kendoNotification");
You cannot call notif.show() because notif is undefined.
We added a kendoNotification to our skin and on pages that use Telerik UI for ASP.NET AJAX RadHtmlChart causes this problem. Other pages with other Telerik UI for ASP.NET AJAX controls work fine.
We have also seen this issue on one other Telerik UI for ASP.NET AJAX control: RadClientDataSource
Any work-around to get this working?