Telerik Forums
Kendo UI for jQuery Forum
1 answer
78 views

I have a kendo ui jquery multiselect with virtualization and sorting enabled. My issue is that for some reason, when a user selects 5 items from various parts of the list, closes the list, and then reopens the list twice, on the second time, there are only 4 items selected. Sometimes this will happen a third time where only 3 items are left. It is not completely consistent. I have a Dojo showing this: https://dojo.telerik.com/@dojolee/abUcAQag

I suspect something is either wrong with my sort function or valueMapper function but I cannot figure it out.

  1. Select Stores 1, 25, 10, 30, 5 from the list
  2. Close the dropdown list
  3. Observe it says 5 items selected
  4. Open the dropdown list
  5. Observe 5 items are at the top of the list and selected but it is not the 5 correct ones.
  6. Close the list
  7. Open the list
  8. Observe a different 5 items are not selected

I made a second, simpler, dojo here that has a similar issue: https://dojo.telerik.com/@dojolee/iJirimEh

Yordan
Telerik team
 answered on 03 Jul 2024
1 answer
80 views

Hi team,

We have implemented KendoScheduler but the Export to PDF feature is not exporting schedules from start to end hours set to schedulers. It just exports a few schedules from the schedulers. Please refer to the screen recording below.

Kendo Scheduler Issue.webm

 

 

Martin
Telerik team
 answered on 03 Jul 2024
1 answer
60 views

Hello,

How can we remove the masking of null value on DateRangePicker start and end field ?

Kendo UI Snippet | Kendo UI Dojo (telerik.com)

when we create the daterangepicker it show day/month/year, i want it to null or empty.

Martin
Telerik team
 answered on 03 Jul 2024
2 answers
254 views

Hello,

I am using the jquery chat widget as a virtual assistant on the right corner of the page and would like the ability change the message box to a textarea as opposed to an input so all the wording that is outside the scrollable view area is visible.

I see in the angular version of this widget that this is possible, is there a similar feature for the jquery chat version?  Or even the .net Core version?

Thanks,

Arthur

Jeff
Top achievements
Rank 1
Iron
 updated answer on 02 Jul 2024
1 answer
74 views

My web header template pulls a bunch of aggregate data up into the template (with a fontawesome icon), but on the excel export it's coming into the XML AS that html template not the raw innerText I'd expect.

Thoughts?

Martin
Telerik team
 answered on 02 Jul 2024
1 answer
104 views

I have an issue that I have seen others have run into before across the forum, but the threads are generally old and none of the solutions have worked or were not relevant to our situation. We are on a fairly recent version of Kendo UI for jQuery (2 back) and a fairly recent version of jQuery (2 or 3 versions back). 

Basically, we have kendoComboBoxes in a kendoWindow that often, but not always, immediately close the first time that the user clicks the drop down button. After that it works fine - see the attached animated png to see it in action. The ComboBoxes do have filtering enabled and we have seen similar behavior on the DropDownList, and just lived with it.

I have noticed that if I click in the background of the window prior to opening the ComboBox it solves the issue, which leads me to believe that it is some sort of focus problem. I have tried triggering a focus event on the window after the form is initialized (with a delay) and this seems to make it somewhat better, but does not entirely solve the issue.

Has anyone experienced this and solved it?

Thank you for any help!

Martin
Telerik team
 answered on 02 Jul 2024
1 answer
71 views

I would like to know if it's possible to declare a Kendo grid column to display a Kendo grid within it. If so, how can I do this?

This is my code with my attempt (I couldn't find any demo online describing how to do this) that obviously didn't work as expected:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PSWSv3.aspx.cs" Inherits="PAMsKendo.PSWSv3" %>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Getting Started with Kendo UI for jQuery</title>
    <link href="styles/default-main.css" rel="stylesheet" />
    <script src="scripts/jquery-3.7.1.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
    <script src="scripts/kendo-ui-license.js"></script>
  </head>
  <body>

    <div id="ordersGrid">
    <div id="fooGrid"></div>

    </div>

    <script>
        $(function () {
            var myData = [
                {
                    "bulkProjectLineItemID": 1234567,
                    "retailPrice": 123.45,
                    "wholesalePrice": 99.99,
                    "cost": 75.32,
                    "oENumbers": [
                        {
                            "oeNumber": "123456789",
                            "bulkProjectOEMNumberID": 123456
                        },
                        {
                            "oeNumber": "23456789",
                            "bulkProjectOEMNumberID": 123457
                        }
                    ],
                    "interchangeNumbers": [
                        {
                            "interchangeNumber": "120-12345R",
                            "bulkProjectInterchangeNumberID": 123456
                        },
                        {
                            "interchangeNumber": "120-12345L",
                            "bulkProjectInterchangeNumberID": 123457
                        }
                    ]
                },
                {
                    "bulkProjectLineItemID": 1234568,
                    "retailPrice": 123.45,
                    "wholesalePrice": 99.99,
                    "cost": 75.32,
                    "oENumbers": [
                        {
                            "oeNumber": "123456789",
                            "bulkProjectOEMNumberID": 123456
                        },
                        {
                            "oeNumber": "23456789",
                            "bulkProjectOEMNumberID": 123457
                        }
                    ],
                    "interchangeNumbers": [
                        {
                            "interchangeNumber": "120-12345R",
                            "bulkProjectInterchangeNumberID": 123456
                        },
                        {
                            "interchangeNumber": "120-12345L",
                            "bulkProjectInterchangeNumberID": 123457
                        }
                    ]
                }
            ];

            var gridDataSource = new kendo.data.DataSource({
                data: myData,
                schema: {
                    model: {
                        fields: {
                            bulkProjectItems: {
                                fields: {
                                    bulkProjectLineItemID: { type: "number" },
                                    retailPrice: { type: "number" },
                                    wholesalePrice: { type: "number" },
                                    cost: { type: "number" },
                                    oENumbers: {
                                        fields: {
                                            oeNumber: { type: "string" },
                                            bulkProjectOEMNumberID: { type: "number" }

                                        }
                                    },
                                    interchangeNumbers: {
                                        fields: {
                                            interchangeNumber: { type: "string" },
                                            bulkProjectInterchangeNumberID: { type: "number" }
                                        }
                                    }
                                }
                            }
                        }
                    }
                },
                pageSize: 10
            });


            $("#ordersGrid").kendoGrid({
                dataSource: gridDataSource,
                height: 400,
                width: 1200,
                pageable: true,
                columns:
                    [
                        {
                            field: "bulkProjectLineItemID",
                            title: "Line Item ID",
                            width: 120
                        },

                        {
                            field: "retailPrice",
                            title: "Retail Price",
                            width: 120
                        },

                        {
                            field: "wholesalePrice",
                            title: "Wholesale Price",
                            width: 120
                        },

                        {
                            field: "cost",
                            title: "Cost",
                            width: 120
                        },

                        {
                            title: "OE NUMBERS",
                            width: 200,
                            field: "oENumbers",
                            template: $().kendoGrid({
                                columns:
                                    [
                                        {
                                            field: "oeNumber",
                                            width: 150
                                        },

                                        {
                                            field: "bulkProjectOEMNumberID",
                                            width: 150
                                        }
                                    ]
                            })
                        },

                        {
                            title: "INTERCHANGE NUMBERS",
                            width: 200,
                            field: "interchangeNumbers",
                            template: $().kendoGrid({
                                columns:
                                    [
                                        {
                                            field: "interchangeNumber",
                                            width: 150
                                        },

                                        {
                                            field: "bulkProjectInterchangeNumberID",
                                            width: 150
                                        }
                                    ]
                            })
                        }

                    ]
            });
        });

    </script>
  </body>
</html>

 

Thanks,

Pat

Nikolay
Telerik team
 answered on 01 Jul 2024
1 answer
113 views

When I add the below block of code to Visual Studio, I'm getting a linting warning that resize is deprecated. In my real application, I need to pass true (grid.resize(true)) to it. Is there a way to suppress such warnings or is there a new way of doing this? This code is from this Kendo UI Knowledge Base article: 
Resize and Expand Grid to 100% Height

      function resizeGrid() {
        gridElement.data("kendoGrid").resize();
      }

Nikolay
Telerik team
 answered on 01 Jul 2024
0 answers
148 views

The following grid column definition renders the enum as a string:

columns.Bound(p => p.SomeEnum);

The ajax call actually returns an int for the enum but the grid does some magic and shows the enum string.

If I need to customize the output and use a ClientTemplate, it renders as an int though:

columns.Bound(p => p.SomeEnum).ClientTemplate("foo #=SomeEnum#");

How can I get my ClientTemplate to render the string version of the enum?

Paul
Top achievements
Rank 1
 asked on 28 Jun 2024
1 answer
55 views

Hi, I need to know if there is a way to give an order to the elements that are placed in overlfow.

I would like to decide which elements to send to overflow first, then if there is a lack of space, move on to the other elements and so on.

Thank you!

Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 27 Jun 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?