I am able to get a client-side reference to the combobox by using:
.HtmlAttributes(new { id = "myDropDown" })
and
$("#myDropDown").data("kendoComboBox")
However, I can't seem to figure out how to bind to the focus event. There is no server-side event method (such as Select(), Change(), etc) for it that I can see and it doesn't appear in the API documents.I am essentially trying to do something like this:
$("#myDropDown").on('focus', function () {
$("#myDropDown").data("kendoComboBox").open();
});
Thank you
Hello,
I try to change the background color regarding ON or OFF without success (note that .k-switch and .k-switch-handle works perfectly) :
<style> .k-switch { font-size: 12px !important; } .k-switch-on { background-color: green !important; } .k-switch-off { background-color: red !important; } .k-switch-handle{ background-color: chocolate !important; }</style>
Thank you for your precious help.
Was is the best way/practice to extend the TreeList class to have the same foreign Key Functionality of the grid?
ex. https://demos.telerik.com/aspnet-core/grid/foreignkeycolumn
I'm trying to pass a selected value from one drop down but not through cascade as the child DDL does not directly have the properties in which to cascade from. One of the challenges here is each drop down is built from a collection.
My initial approach is to capture the selected value from the parent via the selected event then pass it to the child drop down through the child's data source "data" method. Will this work?
<div class="col-12 col-md-4 col-lg-4 col-xl-4 order-1"> <kendo-dropdownlist for="Expenses[i].ActivityCenterId" datatextfield="Name" datavaluefield="PrimaryId" class="w-100" on-select="LoadActivityTypes"> <datasource type="Kendo.Mvc.UI.DataSourceTagHelperType.Ajax"> <transport> <read url="@Url.Action("GetActivityCentersForActivity", "Controller"datatype="json" /> </transport> </datasource> </kendo-dropdownlist> <span asp-validation-for="Expenses[i].ActivityCenterId" class="text-danger"></span> </div> <div class="col-12 col-md-4 col-lg-4 col-xl-4 order-2"> <kendo-dropdownlist for="Expenses[i].ActivityTypeId" datatextfield="Name" datavaluefield="PrimaryId" class="w-100"> <datasource type="Kendo.Mvc.UI.DataSourceTagHelperType.Ajax"> <transport> <read url="@Url.Action("GetActivityTypes", "Controller" datatype="json" /> </transport> </datasource> </kendo-dropdownlist> <span asp-validation-for="Expenses[i].ActivityTypeId" class="text-danger"></span></div>
function LoadActivityTypes(e){ var activityCenterIdValue = e.dataItem.PrimaryId; var acDdlId = e.sender.element.prop("id"); //Expenses[i].ActivityCenterId var atDdlId = acDdlId.substring(0, acDdlId.indexOf(".") + 1) + "ActivityTypeId"; var activityTypeDS = $(document.getElementById(atDdlId)).data("kendoDropDownList").dataSource; activityTypeDS.data = [{ activityCenterId: activityCenterIdValue }]; activityTypeDS.read();}I have a grid that is summary order information, it has its editable mode set to popup.
What I am trying to achieve is that when you 'edit' a row, the edit window pops up with another grid inside it. I cannot for the life of me, figure out how to get this to work, I've tried every template method I could find online. Is this possible?
I am prepared to just have a custom 'edit' button open a kendo window that loads the other grid, I could then refresh the summary grid on the window close event, but I wanted to make sure I could not achieve this though more appropriate methods first.
Thanks
Hello,
Is there any way to delete a row in the spreadsheet? Currently the deletion(right click and delete button) only empties the row but it does not remove it from the spreadsheet.
Thank you

Hello,
I have a problem with the grid's virtual scrolling not taking into account the grid's row height. When a cell's data needs two lines to display properly, virtual scrolling doesn't adjust the available scroll to compensate. This makes data hide under the grid's defined box.
Is there a way to handle this scenario properly?
Thank you for the help!!
David
Hi, I have a custom TagHelper that I have written to suppress the output of an HTML element. Basically it allows me to provide a comma delimited list of policies and if the user does not pass that check, all output is suppressed. I can add these TagHelpers to a kendo TagHelper, but of course it does not work, as I know Kendo is doing a lot internally. Is there a way to get this to work though?
If I take the if statement out of this class and wrap the Kendo component with it, it will indeed work. I've also tried messing with the Order property of the TagHelper itself, to no avail. One item I am trying to use this on is the <panelbar-item /> to limit navigation options.
The code in the custom TagHelper class is as follows.
public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output){ if (!(await _authorizationService.AuthorizeAsync(ViewContext.HttpContext.User, Policy)).Succeeded) { output.SuppressOutput(); }}
Hello,
We are currently using your Kendo Grid to display a list of explants based on status. We are using server side filtering for this, and we have a filter menu where the user can multi-check statuses to filter the list by. This works fine when loading all data at once, however we have a use case where a user might hit a link that loads the grid and just displays data under a specific status. When this happens, the filter dropdown for status only displays that status that they are viewing, not all statuses. Clearing the filtering does work and then shows all of the data, but the user then can't filter by another status because the dropdown only displays that one status the user was originally viewing. Is there a way around this without forgoing server-side filtering? I can get this to work as expected using client-side, but that's not going to be an effective way of loading data when we're going to be loading thousands of explants for the user to view. I've attached a couple images to show what I mean, one is what the status filter looks like when I load all the data at once, and the other is what it looks like when I load the grid for just one status. I'll also attach a small snippet of my code as well, to show how I'm applying this filtering on grid load.
Thanks,
Jason