Hello there!
I have a question regarding the use of multiple fields in one KendoGrid column.
I managed to display multiple fields in one column by using this code (data source is set dynamically using a buttongroup):
$("#users-grid").kendoGrid({
groupable: false,
filterable: { mode: "menu" },
sortable: true,
resizable: true,
pageable: true,
columns: [{
title: "OrderNumber",
field: "OrderNumber",
width: "10%",
resizable: true,
template: '#=OrderNumber#',
filterable: true
},
{
title: "Address",
field: "AddressDelivery.ZipCode",
width: "35%",
resizable: true,
template: '#=AddressDelivery.ZipCode# #=AddressDelivery.City# - #=AddressDelivery.Street# #=AddressDelivery.StreetNumber# - #=AddressDelivery.Iso3166Alpha2#'
},
{
title: "Creation Date",
field: "CreationDate",
width: "8%",
resizable: true,
template: '#=isNull(CreationDate)?\'\':kendo.toString(CreationDate, \'dd.MM.yy\')#'
},
{
title: "Complete Date",
field: "CompleteDate",
width: "8%",
resizable: true,
template: '#=isNull(CompleteDate)?\'\':kendo.toString(CompleteDate, \'dd.MM.yy\')#'
},
{
title: "Company / Last Name",
field: "AddressDelivery.Company",
width: "25%",
resizable: true,
template: '#=AddressDelivery.Company?AddressDelivery.Company:\'\'# / #=AddressDelivery. LastName#'
}]
});
However, I want to make it possible, that my Users can filter the column "Address" regarding every field that is displayed. At the moment I can only filter by AddressDelivery.ZipCode.
How would I manage that?
Best regards
Hi, are there any demo counterparts in jquery of canvas mode in asp.net?
https://demos.telerik.com/aspnet-ajax/imageeditor/examples/canvassupport/defaultcs.aspx
so basically we want to edit an image adding text, line and such.
Hi guys,
I searched all the documents but there was nothing about binding more than 1 view. I have an error about length.
Here is the error:
Uncaught TypeError: Cannot read properties of null (reading 'length')
at o (kendo.ui.core.js:11901:65)
at r (kendo.ui.core.js:11933:51)
at r (kendo.ui.core.js:11983:67)
at r (kendo.ui.core.js:11983:67)
at r (kendo.ui.core.js:11983:67)
at r (kendo.ui.core.js:11983:67)
at Object.s [as bind] (kendo.ui.core.js:11998:9)
at TakvimDonemTanimlariService.initialize (TakvimDonemTanimlariService.js?v=DWpWtbx8AYW9jERt4Zt9itqDau9V9clzgEHhorRx-l8:400:15)
at HTMLDocument.<anonymous> (TakvimDonemTanimlariService.js?v=DWpWtbx8AYW9jERt4Zt9itqDau9V9clzgEHhorRx-l8:410:33)
at mightThrow (jquery.js:3557:29)
Here is what I am binding:
kendo.bind($(".service-body"), takvimDonemTanimlariService);
kendo.bind($(".form-wrapper"), takvimDonemTanimlariService);
How can I solve this problem?
We are currently trying to upgrade from 2019.3.917 to 2023.1.117
Some code that worked fine in the old version is failing in the new with error in kendo.combobox.js line 1221
Error message
Uncaught TypeError: Cannot read properties of undefined (reading 'renderButton')
Line 1221
values: kendo.cssProperties.roundedValues.concat([['full', 'full']])
the debugger is highlighting the second 'full'.
Our code is quite complex but commenting most of it out I get the same thing so a simplified version:
Our html page has this input
<input id="departments" style="width: 500px;" />
Then our javascript to create the combobox is
var $combo = $("#departments);
objKendoCB = $combo.kendoComboBox();
The second line results in the error. (the actual code sets lots of properties but I removed them one by one to end up with an empty method call).
Any ideas welcome!
https://dojo.telerik.com/apAGayIJ
Seems the componentType: 'modern' breaks any code that would make intervals in the classic view. I've also tried timeView.dataBind to no avail. Just trying to get 15 minute increments in the time picker...
I have Kendo Grid with "incell" editable mode and custom buttons for save, delete.
We have kendocombobox as editor and the user changes multiple rows before saving a row.
Is there a way to reset the previously edited row when the user moves to edit another row?
Hi everyone,
I have a problem with kendo checkbox they work usually fine but on display with zoom scale plus 100% and in a certain range of resolution stop working and they have also a visual bug, attach image for clarify.
no work
work fine
I'm binding a span to a property on my model that ends up being populated with HTML e.g., "Word<br/>break". When it gets rendered, it is rendered just like that, so it displays the <br/> inline in the text with no effect. Is there a way to tell the binding to render it in raw form so it is displayed on two lines?
<span id="rawSpan" data-bind="text: rawTextDisplay"></span>
I was hoping to find some option like data-raw-text='true' but apparently my google-fu needs some work. Thanks.
Hello,
I'm trying to implement a tooltip that shows how many and what kind of events the resource has for the day when hovering mouse cursor over resource. I was able to do this in day/week/month views by using a custom group header template but I'm having a hard time trying to implement it in agenda view because I'm not able to make a custom template for resource group header, only event date, event time and event custom templates are available as far as I'm aware. Basically what I need is the ability, when hovering over a resource, to know what resource and what date it is to get the relevant information.
Any help is greatly appreciated! Thank you!