Questions on Kendo UI for jQuery Forum

4 answers

105 views

Hi,

I have added Kendo dropDownList as cell editor to Kendo Gantt.

After some time, some users reported issue where doubleclick on cell randomly just opens and closes dropdown on its own.

We did quite a lot of debugging until we were able to reproduce issue.

It turns out that in some cases (not clear under which conditions) when doubleclick is either too fast or performed on laptop touchpad, it happens almost in 30% of cases.

(We are using kendo UI 2020 R2 version, but issue is reproducible even in latest version).

Issue was reproduced by developer on Dell Latitude 5580 (using touchpad doubleclick), while users reported on other systems.

Here you can find the dojo where issue is reproducible.

https://dojo.telerik.com/aHuDaYup/4

Also, we recorded video on the same dojo, where behavior is demonstrated.

First 4 clicks are mouse, and next ones are with touchpad. (users were having issues even with mouse)

If there are any things we can do to help, please let me know.

Thank you and best regards.

Vedad

DropDownList

Gantt

answered on 10 May 2021

1 answer

81 views

How to get value name of Folder, get value name of Items in Folder when click

I am working With Kendo FileManager, I need get value name of Folder and get value of Items in Folder to API work.

Please guide for me.

Thanks Admins and Everyone so much.

FileManager

answered on 08 May 2021

7 answers

1.6K+ views

How add/remove item dynamic in Tilelayout ~

Hi !

I'm using Kendo TileLayout in Jquery. When I create Tilelayout.

I want add or remove item dynamic at runtime, but I don't find way to do it.

Please help me do it

Many thanks !

TileLayout

updated answer on 07 May 2021

1 answer

703 views

Grid update VERY slow with 60000 rows

I have a large grid (to support filter functions) and I have editable: "popup" set. This is fine when I have a 20 row set, but it doesn't finish in a tolerable length of time with a 60,000 row set.

I have not yet written the writeback functions to update the database. This is just updating the grid.

Any advice would be appreciated.

Here is the code:

@{
    ViewBag.Title = "Casebook Files";
}

<h2>Casebook Files</h2>
<script src="~/Scripts/jquery-3.6.0.min.js"></script>

<link href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.common.min.css" rel="stylesheet" />
<link href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.default.min.css" rel="stylesheet" />
@*<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>*@
<script src="https://kendo.cdn.telerik.com/2021.1.330/js/kendo.all.min.js"></script>


<div id="kendoGrid">
    
</div>

<script>
    var caseBookDatasource;
    $(function () {

        $("#kendoVersion").text(kendo.version);
        var casebooks = getCaseBooks();

    });

    function getCaseBooks() {

        $.ajax({
            //url: "/Home/GetCaseBooks"
            url:"/Home/GetNewtonCaseBooks"
        }).done(function (rows) {
            var datarows = JSON.parse(rows);
            buildCasebookDatasource(datarows)
            createGrid();
        });

    }

    function buildCasebookDatasource(rows) {
        caseBookDatasource = new kendo.data.DataSource({
            data: rows,
            schema: {
                model: {
                    fields: {
                        recordId: { type: "number" },
                        caseNumber: { type: "string" },
                        caseName: { type: "string" },
                        serviceReqDate: { type: "date" },
                        srProg: { type: "string" },
                        srUnit: { type: "string" },
                        boxNumber: { type: "number" },
                        destructDate: { type: "date" },
                        notes: { type: "string" },
                        otherNames: { type: "string" },
                        initials: { type: "string" },
                        xRef1: { type: "string" },
                        xRef2: { type: "string" },
                        xRef3: { type: "string" },
                        xRef4: { type: "string" }

                    }
                }
            },
            pageSize: 20,
            sort: {
                field: "caseNumber",
                dir: "asc"
            }

        });
    }

    function createGrid() {
        $("#kendoGrid").kendoGrid({
            dataSource: caseBookDatasource,
            height: 750,
            pageable: true,
            sortable: true,
            filterable: true,
            scrollable: "virtual",
            columns: [
                {
                    field: "recordId"

                },
                {
                    field: "caseNumber",
                    title: "Case #",
                    width: 100
                },
                {
                    field: "caseName",
                    title: "Name",
                    width: 200
                },
                {
                    field: "serviceReqDate",
                    title: "Received",
                    template: "#= kendo.toString(kendo.parseDate(serviceReqDate, 'yyyy-MM-dd'), 'MM/dd/yyyy') #",
                    width: 120
                },
                {
                    field: "srProg",
                    title: "Program",
                    width: 50
                },
                {
                    field: "srUnit",
                    title: "Unit",
                    width: 50
                },
                {
                    field: "boxNumber",
                    title: "Box",
                    width: 50
                },
                {
                    field: "destructDate",
                    title: "Destroyed",
                    template: "#= kendo.toString(kendo.parseDate(destructDate, 'yyyy-MM-dd'), 'MM/dd/yyyy') #",
                    width: 120
                },
                {
                    field: "notes",
                    title: "Notes",
                    width: 200
                },
                {
                    field: "otherNames",
                    title: "Other Names",
                    width: 200
                },
                {
                    field: "initials",
                    title: "Initials",
                    width: 50
                },
                {
                    field: "xRef1",
                    title: "XRef1",
                    width: 50
                },
                {
                    field: "xRef2",
                    title: "XRef2",
                    width: 50
                },
                {
                    field: "xRef3",
                    title: "XRef3",
                    width: 50
                },
                {
                    field: "xRef4",
                    title: "XRef4",
                    width: 50
                },
                {command: "edit"}
            ],
            editable: "popup",
            toolbar:["create","cancel", "save"]
        });
    }

   


</script>

Data Source

Grid

answered on 07 May 2021

1 answer

10.5K+ views

default value in dropdownlist

I have this

$('<input data-bind="value:' + options.field + '"/>')
    .appendTo(container)
    .kendoDropDownList({
        suggest: true,
        select: function(e) {
            personSource.setDirty();
        },
        dataSource: rows,
    });
////////////////
whenever I load the page the dropdownlist is not automatically filled with the first value of the list (default value).
I have to click the mouse or do something and it gets filled.

if I put it like this
alert('hello');
$('<input data-bind="value:' + options.field + '"/>')
    .appendTo(container)
    .kendoDropDownList({
        suggest: true,
        select: function(e) {
            personSource.setDirty();
        },
        dataSource: rows,
    });

after I click the alert the default value is filled.
How can I make it fill the default without needing a popup?

DropDownList

answered on 06 May 2021

1 answer

179 views

Spreadsheet not loading data when number is formatted as text

Hi,

When loading the attached file, the data is not completely loaded in spreadsheet. https://dojo.telerik.com/AjOWOPEG

PFA the file as well.

Is there any specific formatting that spreadsheet allows or some restricted formatting. Please suggest.

Spreadsheet

answered on 06 May 2021

2 answers

124 views

Is there a way to keep connectors visible even without hover the diagram shape?

Get the example diagram in https://dojo.telerik.com/oNOJidug from example in Diagram Connections page reference

With the basic configuration:

$("#diagram").kendoDiagram({
    shapes:[
      {
        id:"1",
        content:{
          text: "State 1"
        },
        x: 20,
        y: 20
      },
      {
        id:"2",
        content: {
          text: "State 2"
        },
        x: 300,
        y: 20
      }
    ],
    connections:[
      {
        from: "1",
        to: "2",
        content: {
            text: "Step 1"
        },
        stroke: {
            color: "#33ccff"
        }
      }
    ]
  });

My question is, is there a way to keep the connectors of both shapes visible without need to keep mouse hover?

I want this:

instead of:

Diagram

answered on 05 May 2021

5 answers

659 views

Chart with negative value

hi team, I want to show a chart with some negative values, ( and also positive values). However, I found that the xaxis labels are always under the line y=0. I do not want them appear in the chart, instead, I would like to show label in the bottom to the chart. I notice in your demo:

categoryAxis: {
...
labels: {
padding: {top: 145}
}
},

than the padding parameter can set the xaxis label's position. However, since my data is dynamic, I do not know how distance I should padding. Is there a way to automatically determine the position of xaxis label to the bottom?

Charts

updated answer on 05 May 2021

1 answer

197 views

Angular Chart Reclaculate CategoryAxis labels step after zoom

Hello

I have an Angular column chart. On render event, I calculate the CategoryAxis labels steps. Then after zoomEnd event, I get new (current) categories and according to them, again I recalculate the CategoryAxis labels steps to have new steps(distance) for labels.

The question is, that after setting the new step size, the chart initialized again with "0" levels zooming. I mean after setting the new steps I lose my zoomed stage.

Thanks in advance

Charts