I'm using the editor for AngularJS. The tools array is passed to the kendo-editor directive by the k-tools property.
I want to change the tools displayed in the toolbar at runtime. I tried to change the tools array and calling the editor.toolbar.refreshTools() method, but it didn't work.

Is it possible to change the value of the tools array passed and then call some method to re-render the toolbar?
Or is there some other way to change the displayed tools at runtime?

After I select an item from Dropdownlist and hit save, Grid is not displaying the description corresponding to the Id value returned from the service.

Here is the code snippet...

$("#grid").kendoGrid({
            dataSource: dataSource,
            pageable: false,
            columns: [
                {
                    field: "TransferTypeId",
                    title: "Transfer Type",
                    template: "#:TransferType#",
                    width: 150,
                    editor: function (container, options) {
                        $('<input data-bind="value:' + options.field + '" required/>')
                             .appendTo(container)
                             .kendoDropDownList({
                                 autoBind: true,
                                 dataTextField: "Value",
                                 dataValueField: "Key",
                                 valuePrimitive: true,
                                 dataSource: {
                                     transport: {
                                         read: {
                                             url: THIS_APP_PATH + "Api/Lookup/TransferType"
                                         }
                                     }
                                 }
                             });
                    }
                }] });

         What am I missing here?

         Appreciated for your help.

Hi there

I have a grid bound to a data source. It is an ajax grid. I am trying to use a Popup editor template for adding new items. In the template, I have a simple

regular HTML listbox.

@Html.ListBoxFor(x => x.DropdownListOptions, new SelectList(Model.DropdownListOptions), new {id = "dropdownlistBox", @class = "form-control", multiple= "multiple" })</div>

The postback returns all the data in the listbox if they are selected. If none are selected, the model binding field is null. (This is normal behaviour)

Now usually in ASP.NET MVC you just write a simple Jquery on postback to select all the listbox items before postback, like so:

$("#dropdownlistBox option").attr("selected", "selected");

This works just fine without using Telerik controls. However when I use this via Telerik Grid -> Popup -> Edit template. Even tho I visually see ALL fields being selected. The model field is still null.

I have confirmed that the values are not posted back from the browser using devtools.

I have even gone so far as to use jquery to fire off a grid event on .RequestStart('selectAllInListBox') like so:

var selectAllInListBox = function(e) {
        if (e.type === 'create') {
            debugger;
            var ddl = $('#dropdownlistBox option');
            if (ddl.length > 0)
            {
                var lastEl = e.sender._data[e.sender._data.length - 1];
                var optionsArray = ['test', 'test2', 'test3'];
                lastEl.DropdownListOptions = optionsArray;
            }
        }

Forcing the actual grid data source to update the values. By the time it gets back to my controller, it is still null.

Is there an easy way to do this? I have exhausted all options.

THANKS!

Chris

Hello,

I have a Kendo UI Grid that loads 5000+ records.  The data is local data on the page, and the grid is handling it ok, but we'd like to improve performance.  I'd like to try loading the local data in batches of 100 as the user scrolls down the grid results.  I've seen the examples, but have not seen very many examples of MVVM implementations and the best way to approach our situation.  Could someone recommend the way to get virtual scrolling working with row batches?

Thanks in advance!

Hi,

I am working on an angular4 application with Kendo UI widgets and trying to achieve tooltip in Kendo UI controls with the help of title attribute, is there any other way to get it done.

Thanks!!!

Hello everyone,

I am trying to have a Server Paging for Kendo UI Grid. Here I am retrieving data from SharePoint, I am not getting any error and also grid is updated with data. But my paging shows 0 always and I do not have option to navigate. If i remove serverPaging: true then I can see all the data in the grid

Here I provided the options for the grid.

Please let me know what i am missing here to get the server pagination.

Hi,

I'm using Kendo UI widgets with Angular4. How can I make my application responsive. The flex wrap property does not take effect for any of the kendo widgets.

Thanks!!!

Hi,

hope it's an easy one....

I have i DropDownList column in the details grid (hierarchy grid).
I want to get the row dataitem when a change event on the dropdownlist occurs.

How can achieve that?

Thanks