I have a grid with several columns. The last column has a button that opens a new row with details from the row and external sources inside. Inside the details row, I have a button that updates one of the columns. After update, I use the function that's posted here (https://docs.telerik.com/kendo-ui/knowledge-base/grid-update-particular-row-without-refresh) to refresh the row without making another call to show the changes.

Everything works, all columns show the correct values. The button content comes from a x-kendo-template:

<script id="template" type="text/x-kendo-template">
        <div>
            <button class="btn btn-default " data-bind="events: {click: viewDetails}">View Details</button>
        </div>
</script>

Because this column has a template, the following line in the kendoFastReDrawRow method in the link above is called:

// Render using template

cell.html(kendoTemplate(dataItem));

this puts the template back to the button but when I use the Kendo MVVM utility in Chrome Dev Tools, I see there is no data bound, so the click event does not work.

If I call kendo.bind(cell, dataItem) after that line, that puts the binding back, but the click event produces a JQuery error:

Uncaught TypeError: ((b.event.special[i.origType] || {}).handle || i.handler).apply is not a function

It seems like JQuery doesn't understand the click handler, and I can see that in the Event Listeners tab in Chrome Dev Tools, the click handler isn't there.

Is it not possible to get event bindings after an update with kendo.template or am I missing something?

ps. We are using Kendo UI v2015.2.805, update currently is not possible

hello,
I am initializing kendo table using a html table and set the columns with using colgroup and col tags,but my table has different behavior in Firefox and Chrome and it seems not work correctly in Firefox.

here is the example I've made it and if you open it in Chrome and Firefox you will see the difference.

https://dojo.telerik.com/aJuQEZIP/2

Hello,

I'm a bit new to Kendo UI scheduler, replacing another calendar componenet with it. Now if I want to add an additional field to the edit event template like "isPrivate" how can I do this? Let's say I want to add it as a checkbox. I saw it is possible to add additional data with resources and have it show up in the popup, but only as select fields. Is there a way around or is the only option to make a complete custom template.?

 If I make a custom template, can I somehow use the recurring field from kendo?

 Best regards

Rasmus

We are using both the radial and linear gauges in our own jQuery UI widget wrappers. These custom widgets are then added dynamically to a "canvas" window in our product. This had been working well until recently, when we noticed that sometimes the Kendo gauges would not always appear centered in their container divs. See the attached .PNG files for an example of a "misaligned" gauge, as well as the proper alignment.

When a gauge is misaligned, any small change to the browser window size will cause it to immediately "snap" into position. So, clearly the gauge is responding to some window message to reflow the page.

Our developers have spent a long time trying to solve the initial misalignment problems. We found that setting a timer when the page loads and then calling the gauges' "resize(true)" method would cause the gauges to align properly. However, a lot happens in the page when it loads so it was always tricky to set the timer delay so it didn't occur "too soon" to have an effect. Even so, this workaround has not been effective in every case and our customers have started to notice the issue.

I have noticed that misalignment seems to occur most often in recent versions of Chrome and Edge browsers. Firefox and Internet Explorer don't appear to suffer the same issue.  We are still using an older version of Telerik controls: 2018.3.911.

In my rather extensive testing of this issue the past few days I have noticed that a in simpler "preview" page that one type of our widget seems to always be initially misaligned but another widget type behaves properly. I have looked for differences between the two widgets (both based on Kendo radial gauges) and aside from default CSS, layout and labeling differences, the two widgets are pretty similar. I can't explain the difference but it seems reproducible.

Any thoughts about could be going wrong? We could prefer to avoid the "resize" method of solving this issue, if possible. What message do the gauges respond to when the browser window is resized?

I can provide details on how the widgets are rendered and the appropriate CSS upon request.

Thanks,

Jeff Benson

New Boundary Technologies

I have a kendo grid with grouping and endless scrollbar. I am trying to update dataItem(s) using dataItem.set with an external button click. dataItem.set is not firing change event and data is not being updated. 

Can someone help me with the issue.

i did not bind Multicolumndroupdownlist

view

                        @(Html.Kendo().MultiColumnComboBox()
              .Name("customers")
              .Placeholder("Select customer")
              .DataTextField("CustName")
              .DataValueField("CustomerID")
              .Columns(columns =>
              {
                  columns.Add().Field("CustName").Title("Name");
                  columns.Add().Field("CustomerID").Title("ID");
              })
              .HtmlAttributes(new { style = "width:100%;" })
              .Filter("contains")
              .AutoBind(false)
              .MinLength(2)
              .DataSource(source =>
              {
                  source.Read(read =>
                  {
                      read.Action("GetCustomers", "OrderManagement");
                  })
                  .ServerFiltering(true);
              })
            )

Controller

 public ActionResult GetCustomers(string text)
        {
            ApplicationDbContext db = new ApplicationDbContext();
            var customers = db.Customers.Select(customer => new Customer
            {
                CustomerId = customer.CustomerId,
                CustName = customer.CustName,
                PhoneNo = customer.PhoneNo
            });

            if (!string.IsNullOrEmpty(text))
            {
                customers = db.Customers.Where(p => p.CustName.Contains(text));
            }
           // return Json(GetOrders().ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
            return Json(customers, JsonRequestBehavior.AllowGet);
        }

Hello everyone,

if I use a HierarchicalDataSource with serverFiltering set to true, filter requests are being sent to my remote data source. The problem is though, that already selected items can not be removed any more by clicking on the delete icon after the dataSource has been reloaded, probably due to changed uid's. Is there a workaround for this?

Bye,

Bo