I'm using a dropdowntree editor on a grid column. The bound field is a list of objects.

• How would I prevent the top-level from getting selected when using check boxes with CheckAll true? I only want the second level items.
• Conversely, how would I select the top level if any of the second level items are checked?

Ex. I would not want 18' checked here, just the two children on the 2nd level:

Editor:

function equipmentEditor(container, options) {
        let ds = new kendo.data.HierarchicalDataSource({
            data: _equipmentTypes,
            schema: {
                model: {
                    children: "Items"
                },
            },
        });

        $("<input data-bind='value: EquipmentTypes'/>")
            .attr("name", options.field)
            .appendTo(container)
            .kendoDropDownTree({
                checkboxes: {
                    checkChildren: true
                },
                checkAll: true,
                autoWidth: true,
                dataTextField: "Description",
                dataValueField: "Code",
                dataSource: ds,
                autoClose: false,
                tagMode: "single",
            });

_equipmentTypes data used in dataSource:

Posted object:

"EquipmentTypes": [
            {
                "Code": "17'",
                "Description": "17'",
                "Items": [
                    {
                        "Code": "T17.DUMP",
                        "Description": "17' Dump Trailer",
                        "Items": [],
                        "id": "",
                        "index": 0,
                        "checked": true,
                        "_level": 1,
                        "_tagUid": "b13353ee-cbd3-4226-8b4c-080d4ea775e4"
                    }
                ],
                "index": 0,
                "expanded": true,
                "checked": true,
                "_level": 0,
                "_tagUid": "c0785273-c8bd-4a18-8598-de5d7ba6c16e"
            },
            {
                "Code": "T17.DUMP",
                "Description": "17' Dump Trailer",
                "Items": [],
                "id": "",
                "index": 0,
                "checked": true,
                "_level": 1,
                "_tagUid": "b13353ee-cbd3-4226-8b4c-080d4ea775e4"
            }
        ],

Hi,

I am trying to build a dashboard with the tile layout and beside standard kendo ui charts and grids, I would like to have a couple of tiles with pre-built angularjs directive components. 

How can I inject the angularjs component and make it bound to data in tilelayout controller?

Html renders from the template, but it is not reachable from the controller, as (I presume it is not bound directly).

Any help would be appreciated.

Thanks,

Vedad

I have a scheduler in month view - the events are extending beyond the day slow, starting with 2 pixels past slot, then 4, then 6, then 8 etc.

I've zoomed in and shown with a couple of lines on each one to show how each event is going further and further beyond bounds

Once I get a lot of data in the scheduler, this starts to look worse and worse.  Any chance there is a fix for this?

Hi there,

I have integrated Telerik UI into our platform. It worked fine but recently when I try to edit my content in design mode the content is rendered in HTML mode not in text mode as it supposed to(see picture). Any idea as of why this is happening?

Best regards,

Gilles

Hi,

I have Menu component in my app, and it is dynamically filled in depending on a few parameters. As a result, I can have 4-5 menus and each of them 10-20 sub-options. 

I would like to implement "search" option for the menu.

I tried implementing datasource filter, but for some reason it always filters only 0-level and not children or their subelements.

I used standard datasource filter with field name, contains clause and value.

Am I doing something wrong or there is some better approach for this?

Thank you and regards,

Vedad

Hi,

I encoutered a problem where I'm trying to have 2 different filter options for a Kendo Grid column and I can't manage to find the answer on how to combine filters like Operators (equal to, is greater than, etc.) and filter multi checkboxes listing all results for that column.

I have a working copy of filter multi checkboxes, but when I try to add a second option on one of my columns.filterable it's not taken into account and I didn't manage to find any answers on a possible how to.

filterable: {
   multi: true,
   operators: {
            string: {
              eq: "Equal to",
              neq: "Not Equal to"
            }
     },
}

I am working on an update to our product and part of that involves moving from an old version of Telerik controls (v2018.3.911) to a more recent version (currently v2022.1.301). I have discovered a major difference (breaking change) between behavior of the new Kendo pertaining to the ViewModel binding to HTML controls that are marked "readonly".

A part of our application involves JQuery UI widgets. We use Kendo ViewModel binding to handle updating widget properties on the configuration page.

Here is how the ViewModel is set, from a function in our JQuery UI widgets:

this.viewModel = kendo.observable(this.options);
var thisWidget = this;
this.viewModel.bind("change", function (e) {
      var newVal = e.sender[e.field];
      thisWidget._setOption(e.field, newVal);
});
kendo.bind($("#WidgetPropertiesForm"), this.viewModel);

Some widget properties are not directly set by the user but still exposed to the user for informational purposes. The HTML controls, in this case, are marked with the 'readonly' attribute so they can't be directly modified. Here is an example, linked to the 'categoryName' property of the widget:

<input class="scene-prop-value form-control" data-role="textbox" data-bind="value: categoryName" id="categoryName" readonly>

For this particular property, a pop-up modal dialog is used to select the widget's value. When the dialog closes, the following JQuery executes:

$('#categoryName').val(localCategoryName); //update control value from a local variable, 'localCategoryName'
$('#categoryName').trigger('change'); //trigger a property update to the widget bound to the control

In the 2018 version of Kendo (and earlier versions), this would work just fine. But since upgrading, widgets no longer even receive the 'change' event if their HTML controls is marked 'readonly'. I have proven this is related to a Kendo change because after temporarily removing the 'readonly' attribute the 'change' event for that widget property is received. (The same is true if the 'disabled' attribute is used.)

The architecture of our properties HTML page does not make it easy to work around this. We cannot remove all the  'readonly' attributes from the HTML because this would allow users to inadvertently or deliberately alter widget properties they shouldn't.

I have a sense there might be a supported workaround but I cannot figure out how from documentation or examples I have found.

I am looking for suggestions for how I can address this problem. It would be a shame to have to revert back to the 2018 version of Kendo. We are very near a release candidate and just discovered this issue during QA.

Thanks

Jeff
Senior Developer
New Boundary Technologies, Inc.

I'm trying to import form a file with diferent format

The samples I fount relate do CsvFormatProvider ou XlsFormatProvider tha return a Workbook.

How do I link the retrun workbook to my kendo UI control=

            var spreadsheet = $("#spreadsheet").data("kendoSpreadsheet");
            fileName = "SOME_FILE.CSV";

             if (!File.Exists(fileName)) {
                throw new FileNotFoundException(String.Format("File {0} was not found!", fileName));
            }
            formatProvider = new CsvFormatProvider();

            using(input = new FileStream(fileName, FileMode.Open))
            {
                workbook = formatProvider.Import(input);
            }

           Spreadsheet.?? = workbook

Hey guys,

currently I'm trying to init my pdf viewer with a base64 string receiving from the server. Somehow it don't want to work, so I searched for a working example of you and found it here:

https://docs.telerik.com/kendo-ui/api/javascript/ui/pdfviewer/configuration/pdfjsprocessing.file.data

Your example isn't working on your preview tab and dojo. When inspecting the browser console it is the CORS policy blocking the request of your example. Maybe you can fix it and I can investigate my problem with your example. 

Cheers,
Daniel