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

Hi,

     ServerSide dataSource date format is 'yyyy-MM-dd HH:mm'. How to convert to the date format available to kendoScheduler's dataSource ?

     Thank you. I really appreciate all your help.

Hi,

     I'm a Java programming beginners and learning kendo scheduler recently. I've download "kendo-ui-demos-service" demo, but it's C# version. In actual work, I need to use java to write the background datasource.  Which expert has an instance of java version?

     Thank you very much for your help.

Hi

I use a grid to show all items ordered by a customer.
This grid is reloaded with filtered remote data as soon as I select another customer. So far so fine.

The grid uses endless scrolling. Now, if I restrict to 200 records per page and I get 349 records as result, I can scroll to the end as expected and I get all the additional page(s).

But as soon as I've scrolled to the end of the list, the endless scroll feature seems to stop working. Loading the data of a new customer works fine but the grid doesn't scroll beyond record 200 and it doesn't load the next page.
Is there a way to reset the scroll endless behaviour and shouldn't this happen automatically when loading new data by filtering the data source?

Kind regards

Alex

We are facing filter issue on Kendo Grid when filter value is mapped to 0, below is the piece of code.

(We are applying existing filters to the new datasource to get the expected result)

Code:

BulkTaggingDataSource.read().then(function () {
  var filter = {};
  if ($("#FoodGrid").data("kendoGrid").dataSource.filter()) {
       filter.filter = $("#FoodGrid").data("kendoGrid").dataSource.filter();
  }

var query = kendo.data.Query.process(BulkTaggingDataSource.read.data(), filter);

 $.each(query.data, function (index, content) {
         $.each(query.data, function (index, content) {
                   if ($.inArray(content.id, checkedIds) < 0) {
                       checkedIds[content.id] = state;
                   }
         })
   })
});

Filter which we get from $("#FoodGrid").data("kendoGrid").dataSource.filter(): is 

In our case if the {field: 'TotalHours', operator: 'eq', value: '0'} if the filter value is '0'
we get the query.data as empty array and we wont get the expected result.

and filter will work if the {field: 'TotalHours', operator: 'eq', value: '5'}

we are facing issue only for '0' filter. and in schema we have declared 'TotalHours' as number.

Kindly let us know how to fix this issue.

I'm trying to get AutoComplete to work in a new Visual Studio 2022 project. We're using .NET 6. 

First question: when I try to run an AutoComplete sample app, I get error CS0246, "The type or namespace name 'Kendo' could not be found (are you missing a using directive or an assembly reference?" I believe the problem is that I don't have a link to Telerik's NuGet server where it can get this information. What is that link, please?

Second, in researching error CS0246 and what I might be able to do about it, I came across a page for a NuGet server from Telerik at nuget.telerik.com/v3/index.json. When I navigated to that link I was prompted to provide my Telerik credentials, which I did. That let me download a the Index.json file, which is was list of other servers, I presume NuGet servers, from Telerik. That's OK, for some individual development, but I want to put this into Azure Pipelines. I really do not want to put my credentials into either Azure Pipelines Library | Secure or Azure KeyVault. What is Telerik's work around so that I can put this information into Azure CI Pipelines?