Telerik Forums
Kendo UI for jQuery Forum
1 answer
1.1K+ views

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

Georgi Denchev
Telerik team
 answered on 06 Mar 2023
0 answers
105 views

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.

Enrico
Top achievements
Rank 1
 updated question on 06 Mar 2023
0 answers
96 views

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?

Ataberk
Top achievements
Rank 1
 asked on 06 Mar 2023
0 answers
139 views

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!

 

Simon
Top achievements
Rank 1
 asked on 03 Mar 2023
2 answers
124 views
But there are still a few little things.

When you press ENTER it still doesn't look great.
Oh and one more thing - how to set the width and height of the popup window..
And how to remember the last frame width and height.
Note I have three such editors in one frame

I have a recording:
https://watch.screencastify.com/v/lpBHsoWj1kuYKx5CgMiD
Paweł Korczak
Top achievements
Rank 1
Iron
 answered on 03 Mar 2023
1 answer
273 views

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...

Nikolay
Telerik team
 answered on 03 Mar 2023
0 answers
96 views

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?

 

 

 

 

 

 

Shrenivas
Top achievements
Rank 1
 updated question on 03 Mar 2023
0 answers
81 views

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

david
Top achievements
Rank 1
 asked on 03 Mar 2023
1 answer
115 views

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.

Jay
Top achievements
Rank 3
Iron
Iron
Veteran
 answered on 02 Mar 2023
1 answer
199 views

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!

Martin
Telerik team
 answered on 02 Mar 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?