Questions on Kendo UI for jQuery Forum

0 answers

124 views

KendoTreeMap is not a function while using it in Angular Framework

I tried to insert a Treemap for static data.. but while calling the function using the native element of html tag it says (...).kendoTreeMap is not a function. This error occurs even when I tried using jquery.

This is my code ...

Treemap.component.ts

 async initializaer(){
    this.treemap.nativeElement.kendoTreeMap({
      dataSource: {
        data: [{
          name: "Root",
          items: [{
            name: "Group A",
            value: 1,
            items: [{ name: "foo", value: 1 }, { name: "bar", value: 2 }, { name: "baz", value: 3 }]
          }, {
            name: "Group B",
            value: 1,
            items: [{ name: "foo", value: 1 }, { name: "bar", value: 2 }, { name: "baz", value: 3 }]
          }]
        }]
      },
      autoBind: false,
      valueField: "value",
      textField: "name",
      colors: [["#ff6666", "#ff0000"], ["#7fb17f", "#006400"]]
    });

TreeMap

updated question on 03 Apr 2023

2 answers

208 views

Kendo mvc scheduler slot overlapping issue

I have web application in which there is expandable menu on the left side shown in image. On expanding or closing side menu scheduler events are move on to another slot (basically all events shifting little bit from starting point of slots). Any solutions for this. i am using kendo mvc for .net.

Scheduler

answered on 31 Mar 2023

1 answer

99 views

TreeView dataSource change event e.action "itemLoaded"

My dataSource change handler is getting an event with with e.action set to itemLoaded, which is not one of the defined values in the API documentation.

I am wondering if this is a valid event action that I can target and the documentation is not correct, or if this is something else like a bug.

Here is a dojo. If you run it and expand the item, in the browser console you will see a couple events, the last of which is the itemLoaded event.

Data Source

TreeView

answered on 31 Mar 2023

1 answer

183 views

jQuery Grid Drag & Drop Tooltip flashing

Good day,

When I'm dragging a row, if I hover over the insert indicator on the left of the grid it causes the tooltip (and sometimes the whole row) to flicker/flash, Ive noticed this issue exists on the tutorial page too, is there a work around for this?

The tutorial I used: https://demos.telerik.com/kendo-ui/grid/drag-drop

Kind regards

Chris

Drag and Drop

Grid

answered on 31 Mar 2023

1 answer

142 views

TreeList - Does not respect 'iconType' setting

Hi Guys

Have just tripped over an issue while testing the latest 2023.1.314 release whereby the TreeList expand/collapse graphics are now rendered using SVGs rather than Font Icons and completely ignore the

        kendo.setDefaults('iconType', 'font');

setting.

This undocumented breaking change means we can no longer easily replace the graphics used for expand/collapse via CSS like the following

        .k-i-expand:before {
             content: "\e11e";           // .k-i-plus
        }
        .k-i-collapse:before {
             content: "\e121";           // .k-i-minus
        }

which we use extensively across our site to give a consistent look and feel with other non Kendo UI components.

Therefore I would be most grateful if you could investigate and advise on the following:

a) Are Font Icons now deprecated and we can expect further places where their will be swapped out in favour of SVGs without warning?

b) Is this a regression/bug and the expand/collapse graphics should adhere to the 'icontype' setting and will be fixed in the next release?

Regards
Alan

TreeList

answered on 31 Mar 2023

2 answers

540 views

Preventing Posting

Hello, I'm trying to prevent chat posting, I mean when user click send button (or type keybord enter) I want in some cases to prevent the post of the message.
Something like this is not working (the message is posted in chat)

$("#chat").kendoChat({
post: function(e) {
e.preventDefault();
}
});

Is that a bug? Or there is a different approach to accomplish this task?
Thanks,
Mattia

Chat

updated answer on 30 Mar 2023

1 answer

291 views

Problems with DataSource

Hi,

i have a question regarding the DataSource.

I am using the code below. I don't have it in a separate file but in the <script> tag of the HTML. It's not the entire code either, that would probably be an unnecessary amount here. My problem concerns the valueOrderFinished. Inside the DataSource in the schema, the value is set. That works well, because when I set the innerhtml of #outputtest, the right value is displayed. But when I try to access it outside, in my document ready function, I always get that valueOrderFinihed is undefined.
What I also don't understand, when I debug this code, it jumps from the transport part of the DataSource directly into my createCharts() function, and then back into the schema part of the DataSource.

I am really stumped and can't manage to solve the problem... can someone help me?

var showProfile = 0;

var valueOrderFinished;

[...]

            var dataSourceOrderFinished = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "Services/OrderServices.asmx/GetCountOrderFinished",
                        contentType: 'application/json; charset=utf-8',
                        type: "POST"
                    },
                    parameterMap: function (options) { return JSON.stringify({ parameter: options }); }
                },
                schema: {
                    data: function (result) {
                        console.log(result.d.Count);
                        document.getElementById("outputtest").innerHTML = result.d.Count;
                        valueOrderFinished = result.d.Count;
                    },
                    total: function (result) { return result.d.Count; }
                }
            }
            );



            /* */
            /* */
            /* ++++ Funktionen ++++ */
            $(document).ready(function () {
                console.log("dokument ready");
                hideProfileElements();
                console.log("Profilelemente versteckt");
                valueOrderFinished = dataSourceOrderFinished.read();
                console.log("datasource gelesen");
                console.log(valueOrderFinished);
                createCharts();
            });

[...]

Data Source

answered on 29 Mar 2023

1 answer

276 views

Can I use the HEX ColorPicker in the Editor for text/background color?

The editor I am replacing with the Kendo MVC editorFor had a text area I could paste a hex color into. There are other colorpickers in Kendo that can do this, like this one. Am I able to somehow use this with the editorFor ForeColor an BackColor? Ideally in the cshtml, or in the jquery if there is a path for that to work.

ColorPicker

Editor

answered on 28 Mar 2023

1 answer

240 views

How use different templates for child and parent nodes

My requirement is to create a diagram which is using different widgets to child and parent nodes. Is there a way to use two or more different custom templates for parent and its child nodes. Please see the image below that is something I want to create

answered on 28 Mar 2023

1 answer

146 views

Date & Time Filtering Issues

Have just tripped over an issue with the latest release (2023.1.314) whereby filtering a date time column is not functioning correctly.

To demonstrate run the following dojo

https://dojo.telerik.com/uFitacox

which is taken directly from the 'Filter Menu Customization' demo.

- Filter on the 'Birth Date' column
- Hit the time picker icon and the filter dropdown disappears
- Hit the filter icon again and the dropdown is shown with the time picker now open
- Subsequent filtering of the column works as expected

Previous versions do not seem to be effected so it would appear this regression was introduced with the 2023.1.314 release.

Regards
Alan

DatePicker

Grid

answered on 28 Mar 2023