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?

Hi team,

Seems listview is no more in SASS theme builder!

Furthermore, when creating custom css with theme builder, I get duplicate lines (typography and utils) in file.scss !?

Please advise...

Best regards,

Laurent.

Hello,

I'm trying to overwrite the default image of loader indactor like below:

<style>
    .k-loading-mask .k-loading-image 
     {
  	   background-image:url('./images/loader.gif');
     }
</style>

But still the default image is displaying (repeat is not a problem, I know how it fix).

Hi, 

We do have a kendo scheduler bound to a remote data source.

The "transport" configuration of this scheduler's data source is done using remote urls (for CRUD), and this works perfectly,

On the server side, we make a lot of checks. So if some requirements are missing, Create, Update or event Destroy operations wouldn't pass and user will be shown the meaningful error.

The problem we're facing now is like the following :

For the Destroy action, what kind of response should we send back (from the server)  to the scheduler component (in the browser on the client side )  to prevent removal of events in the UI?

We've tried :

• Sending back HTTP 500 status code
• Putting an error field in the response and linking it to the schema.error configuration

But events are still removed from the UI, nevertheless the error event is fired. We even use this event to notify errors to end used.

Thank you.

Hi everyone, I would like to ask for your help.
I would like to hide the SubItems when the drawer is in mini mode, if I click on each element.

Thanks in Advance

https://dojo.telerik.com/ejapuWiB/3

Dayan K

Error: kendo.all.js: 63203 Uncaught TypeError: Cannot read properties of undefined (reading 'bbox')

I´m trying export to same pdf a few circular gauges and a grid

<div id="pdf-export-container">
      <div id="gauges"></div>
      <div id="grid"></div>
</div>
<script>
    $("#gauges).load("/templates/gauges")
    $("#grid).load("/templates/grid")
    
    kendo.drawing.drawDOM($("#pdf-export-container"))
    .then(function(group) {
        return kendo.drawing.exportPDF(group, {});
    })
    .done(function(data) {
        kendo.saveAs({
            dataURI: data
        });
    });
</script>

I am using Kendo UI for JQuery and need to create a data-bound Kendo menu. By data bound, I mean that the items need to be data bound to an array property of a Kendo observable. The issue is that it appears that MVVM binding messes up formatting and functionality of the items. Here is my code (based on the example found in Kendo's documentation) :

<div id="example">
<div class="demo-section k-content">
    <div>
        <h4>Select an item</h4>
        <ul  data-role="menu"
            data-bind="events: { select: onSelect },
                        visible: isVisible"
            style="width: 100%;">
            <li>
                Products
                <ul data-template="menu-item-template" data-bind="source: items">
                </ul>
            </li>
        </ul>
    </div>
</div>

<script id="menu-item-template" type="text/x-kendo-template">
  <li data-bind="text: text"></li>
</script>

<script>
    var viewModel = kendo.observable({
        isVisible: true,
        items: ["Product1", "Product2", "Product3"],
        onSelect: function (e) {
            var text = $(e.item).children(".k-link").text();
            kendoConsole.log("event :: select(" + text + ")");
        }
    });
    kendo.bind($("#example"), viewModel);
</script>
<style>
    .demo-section .box-col li {
        margin-bottom: 0;
    }
</style>

The result of executing this code looks like this:

Notice how the formatting of the items is messed up (no margins, etc.).

Do you know what's the proper way to combine data binding and Kendo menu?

Thank you!

Hi, i have a grid which when creating an new element, the back-end verify if all the user data is correct and saves it in the db. Instead, if it have some errors will return which field has the error and the message about why failed.

My question is, how can i show this message like it was a validation? Like the required validation with the yellow tooltip above the cell (see image below)

My grid is in "inline" editing mode.

Thanks for your help!