I am experiencing super slow performance on the Grid when trying to add a new record. This happens when the grid has more than 20 comments.Each row of the grid has an instance of the  custon text angular component (https://github.com/textAngular/textAngular). When adding, a new record is succesfully added to the datasource (javascript objects) but the Grid takes about 30s to refresh(to show in UI).

{
                        sortable: false,
                        pageable: false,
                        selectable: false,
                        scrollable: true,                        
                        height: 400,
                        dataSource: createDataSource(),
                        columns: [
                           {
                                field: 'Field1',
                                title: 'Field',
                                width: '80px',
                                template: "<input type= 'checkbox disabled='disabled' data-bind='checked: Cleared' #= Cleared ? checked='checked' : '' #/>"
                            },
                            {
                                field: 'Field2',
                                title: 'Field2',
                                width: '80px',                                
                                template: "<select class='k-dropdown minWidth40' id='dropdownlist'><option value='Yes'>Yes</option><option value='No'>No</option</select>";
                                }
                            },
                            {
                                field: 'Field3',
                                title: 'Field3',
                                width: '45%',
                                template: function (dataItem) {
                                    return ' <text-angular name="{{dataitem.id}}"
                      ta-toolbar="[['ul', 'ol', 'bold', 'italics', 'underline']]"
                      ta-toolbar-class="btn-toolbar toolbar-ext"
                      ta-toolbar-group-class="btn-group"
                      ta-toolbar-button-class="btn btn-default"
                      ta-toolbar-active-button-class="active"
                      placeholder="Enter 2000 characters or less"
                      ta-disabled="false"
                      ta-text-editor-class="form content"
                      ta-maxlength="2000"></text-angular>

                                           '
                                }
                            },
                           
                            {
                                field: 'IsHighlighted',
                                width: '4%',
                                headerTemplate: "<div uib-tooltip='Highlight' tooltip-animation='false' tooltip-append-to-body='true'>" +
                                    "<p class='noMargin noPadding'><span class='highlight-icon'><span></p>" +
                                    "<p class='noMargin noPadding'><input type='checkbox' name='allToggleHighlight' class='comment-row-toggle-field'/></p>" +
                                    "</div>",
                                template: function (dataItem) {
                                    return "<div>" +
                                        "<input type='checkbox' name='highlightToggle' " +
                                        "</div>";
                                }
                            },                            
                            {
                                field: 'Period',
                                title: 'Period',
                                width: '25%',
                                hidden: true
                            }
                        ]

Any sugesstions on improving the performance?

Thanks!

GN

Hello All,

When I specify width columns in my css, the pdf grid export does not break page correctly. It breaks page in the middle of a row...

Here is a sample from Alex (https://dojo.telerik.com/@bubblemaster/UQOcIs/2). Please add code my css to specify width columns and export the pdf:

.k-pdf-export colgroup > col:nth-child(1) {
    width: 80px !important;
}
.k-pdf-export colgroup > col:nth-child(2) {
    width: 55px !important;
}

You will see that it does not break page when it should.

I can't understand why.

Any idea ?

Thank you

I have the custom edit template working great for my scheduler.  For updates of events, or creation of new events it works great after following all your examples.I am hung up on one item however.  In my custom template i want to show a user name.  This user name is populated in the model that is sent to the scheduler event.  This works fine for when you modify events.  however if i double click to create a brand new event, the model fields that are passed to the custom editor template are all empty.  I can add an event to the scheduler to trap the "Add" event (which is what is called when double clicking to add a BRAND NEW event).  But how do i send a filled-in model to that editor template?

FYI, using mvc5 with razor pages:

Here is the scheduler view page:

This has been driving me crazy for weeks now. I came up with a work around but didnt consider how my work around (or any) would actually work with what i'm doing.

Either way, i'm pretty sure this is an actual bug with Kendo UI as i've only just figured out it's also present in your example documentation: https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/how-to/binding/sync-with-batch

You can recreate the bug by doing the following actions:

1. Open an event

2. Cancel event

3. Reopen event

4. Select date with date picker

5. TypeError: i.wrap is not a function at line 27

Hi 

I have a treeview with remote binding like this

http://demos.telerik.com/kendo-ui/treeview/remote-data-binding

how to filter data when data is bound remotely? 

in this example i want to give "Robert King" as input and want to open all nodes until "Robert King"

2. ) If i provide input "Laura Callahan" is there a way i can stop opening "Steven Buchanan" node ? 

i am getting haschildren value from my database, if hasChildren is false i should not open that node

Please help with above two tasks.

Thanks

I have a grid that requires being pre-filtered. I use the following code successfully to do that:

filter: {
            filters: [{ field: "ProductName", operator: "contains", value: "Chai" }]}

This pre-filters the grid and when I access the filter menu I can see all the filter options but they are not in alphabetical order. I then use the filterMenuInit function to sort selected columns in ascending order.

filterMenuInit: function(e) {
              if (e.field === "UnitPrice" || e.field === "UnitsInStock" || e.field === "ProductName") {
                var filterMultiCheck = this.thead.find("[data-field=" + e.field + "]").data("kendoFilterMultiCheck");
                filterMultiCheck.container.empty();
                filterMultiCheck.checkSource.sort({field: e.field, dir: "asc"});
                filterMultiCheck.checkSource.data(filterMultiCheck.checkSource.view().toJSON());
                filterMultiCheck.createCheckBoxes();
              }
            }

This does work but only shows the filter values that are contained with the pre-filtered data columns, the rest of the filter values are gone (the pre-filter seems to apply to the filter values as well)

If you check the following Dojo example, you'll see that the filter applies successfully, ProductName = Chai, but if you then click on the filter button, you'll see that you can only filter for values contained within the Chai record and nothing else.

http://dojo.telerik.com/edowIMax

Any help is greatly appreciated, I'm sure it's most likely a placing issue but I've tried multiple ways to do this now including columnInitMenu all to no avail!

How to disable auto open when clicking the kendo multiselect auto complete box.It may be open when i start typing and should not ever open on click.

Code for multiselect-

$("#select").kendoMultiSelect({ dataTextField: "text", dataValueField: "value", dataSource: data, dataBound: onDataBound, filtering: onFiltering, deselect: onDeselect, select: onSelect, change: onChange, close: onClose, open: onOpen });

I am facing 2 problems in kendo multiselect dropdown for php-

1)How to sort the items which come in dropdown by alphabet.Even if we type a letter,the dropdown items should begin with that letter and show in a alphabetically sorted order.

2)when we click in kendo multiselect,dropdownlist should not appear below.It should appear only if we type a letter and the corresponding letter matches should appear.

Kendo multiselect code-

$(\"#selects\").kendoMultiSelect({
                placeholder: \"Key Skills\",
                dataTextField: 'text',
                dataValueField: 'value',
                dataSource: data,
                dataBound: onDataBound,
                filtering: onFiltering,
                deselect: onDeselect,
                select: onSelect,
                change: onChange,
                close: onClose,
                open: onOpen,
                filter: \"startswith\"

How to solve these issues?