Greetings!

I've got a kendo ui scheduler in my project and encountered a problem with displaying large number of events in view.

In attached image you can seen that the whole scheduler becomes unreadable with increase of events number. Is there any way to create some kind of button with number of events per time of day and open a dialog window with readable list of event in it.

I am using cordova version 6.4.0.

Here is a simple demo for what I want. (http://dojo.telerik.com/idAreK/2).

It works fine.

However, when i tried to call cancelChange() function, "Uncaught TypeError: grid.cancelChange is not a function " always pop up.

There is only one jquery.js file in the head. 

Thanks 

We are using a Kendo comboBox control, which behaves correctly if an option is selected by opening the dropdown list and clicking the option. However, the following behavior is observed when selecting an option by typing in the dropdown box:

-Start typing: a small list of corresponding options appears

-Select one of the options in the list: the seleted option appears in the dropdown box. So far the behavior is correct.

-Click the caret of the dropdown to expand the list of options.This has the result that the selected option changes to the last option of the dropdown list, and all the options are highlighted as if selected. Inspecting the HTML elements shows they all have class k-item and k-state-selected. 

What is causing this behavior? Shouldn't only one item at a time have the class k-state-selected? Is there some option that has to be set? I would be thankful for any help on this.

We are using Kendo UI v2016.1.322, Internet Explorer 11.0.9600.18314, Windows Server 2008 R2 Enterprise.

The HTML uses this directive as shown:

<sc-combo-box type="availYear" sc-filters="AvailYear" placeholder="Select Avail Year" default-value="'2016'"></sc-combo-box>

The comboBox control is built in the directive as follows:

var controller = function ($scope, $attrs, data) {
            var vm = this;
            vm.cbUUID = '';
            vm.type = '';
            vm.defaultValue = $scope.$parent.$eval($attrs['defaultValue']);.

:

:.

            vm.render = function (element, placeholder, type, scFilters) {

                vm.cbUUID = helper.guid().toString();
                vm.filterNames = scFilters.toString();
                vm.filterNames = scFilters.toString();               

                // establish new id for combobox
                element.attr('id', vm.cbUUID);

                // create datasource, establish options used when creating combobox and combine into one 'options' object
                var options = helper.concatObjects(vm.buildDataSource(vm.filterNames), {
                    placeholder: placeholder,
                    value: vm.defaultValue,      
                    filter: 'contains'
                });

                // established combobox options
                element.kendoComboBox(options);
            };
        };

        var directive = {
            link: link,
            require: 'scComboBox',
            restrict: 'E',
            replace: true,
            scope: {
                defaultValue: '='
            },
            controller: ['$scope', '$attrs', 'data', controller],
            template: '<select id="scComboBox" style="width: 100%"></select>'
        };

        return directive;

        function link($scope, $element, $attrs, ctrls) {

            ctrls.render($element, $attrs.placeholder, $attrs.type, $attrs.scFilters);       
        }        
    }

Hi,

I'm trying to use the cancel event in a grid, but the event is never fired.

Code:

When I click on "Add new record", the console shows "add row", but when I click on "Cancel changes" nothing shows up in the console.

It is a pretty simple code and it is following the documentation, but am I missing something?

Version: Kendo UI v2016.1.112

Thanks!

Hello All,

I cannot add a tooltip to both a toolbar button and a action button located in the grid row. Please look at my example exmple http://dojo.telerik.com/@iakhmedov1/aRUle and get it working.

Thanks,

Igor

Hi Kendo UI Team,

I'm trying to create a custom editor for in cell editing within a kendo grid.  Our custom editor is a combination of your multiselect/treeview ui widgets.

The problem I am encountering is that when you click the cell and the editor appears, attempting to further interact with the editor will then cause the cell's custom editor to minimize - I suspect the grid thinks I am clicking out of the scope of the editor (because the editor is larger than the cell that contains the bound data and has absolute positioning below that cell) and thus closes it.  Is there any way to get around this problem?  As it is right now, I am unable to interact with the custom editor without it closing the cell's edit mode.

(unfortunately our custom editor is... complex... so I don't think I have a nice code sample to put here for you)

Best,

Jeff

When i export a Kendo UI Grid to Excel (xlsx) file, it also exports the group footer template which in my case included hidden fields (<input type=hidden id="test"></input>)

Is there a way we can suppress the export of the group footer template and the group header template.

The header template also gets exported in the output xlsx file.

In my case the group header template looks like the following:

<script id="productCodeTemplate" type="text/x-kendo-tmpl">
    # var product = value; productArr = product.split(";"); #
    <span class="name" style="display: inline-block;width:500px;">Product Code: #: productArr[0]# </span>
</script>

The group footer template is as follows 

groupFooterTemplate: "<input type='hidden' class='totalFooter' value='#=count#'></input><span class='totalFooterSpan'>Total</span>"

Kindly see attached zip file for a sample of the exported excel.

Hi there,

I know we can always access a grid like $("#grid").data("kendoGrid"), but this doesn't work for my situation.

Let's say I have a grid with 2 pages, 10 rows each. And each master row has a details row(.k-detail-row) below. So what I want to do is to export the grid's data with all the sorters applied. For the main columns it is pretty simple, I can get the data (a json with 20 length) and the sorter grid.dataSource.sort() and use kendo.data.Query to do the sorting. However this only works for the main grid. The inner grid's data is still unsorted. Could you help? I don't see anything in the API to access the details row programmatically.

Best regards,

Yajing

Hi!

Im getting an "invalid template" exception when initializing a grid.

This is the JS code:

jQuery("#uipoc_readwrite_messagelist_table").kendoGrid();

This is the complete exception message:

Invalid template:'<tr><td>#=Betreff#</td><td>#=Absender#</td><td>#=Erhalten#</td><td>#=#</td><td>#=#</td></tr>' Generated code:'var o,e=kendo.htmlEncode;with(data){o='<tr><td>'+(Betreff)+'</td><td>'+(Absender)+'</td><td>'+(Erhalten)+'</td><td>'+()+'</td><td>'+()+'</td></tr>';}return o;'

This is the html at the time the code is executed:

<TABLE id=uipoc_readwrite_messagelist_table>
<THEAD>
<TR>
<TH>Betreff</TH>
<TH>Absender</TH>
<TH>Erhalten</TH>
<TH></TH>
<TH></TH></TR></THEAD>
<TBODY>
<TR>
<TD><A id=uipoc_readwrite_messagelist_b0ca6719-1984-4f3f-8be4-9d4c5eaba774 href="#uipoc_readwrite_messagelist_b0ca6719-1984-4f3f-8be4-9d4c5eaba774" jQuery171046139815295798753="5">dad about ship hot light ill keys something smoke

something</A></TD>
<TD>Karen Mayer</TD>
<TD>07.02.2012 02:58:22</TD>
<TD><BUTTON id=uipoc_readwrite_messagelist_answerMessage_b0ca6719-1984-4f3f-8be4-9d4c5eaba774 type=button jQuery171046139815295798753="6">Antworten</BUTTON></TD>
<TD></TD></TR>
<TR>
<TD><A id=uipoc_readwrite_messagelist_08dda71c-e777-4436-82c8-634a779bfed0 href="#uipoc_readwrite_messagelist_08dda71c-e777-4436-82c8-634a779bfed0" jQuery171046139815295798753="7">out worn wicket on generated rabbit many ball to

rescue</A></TD>
<TD>Karen Mayer</TD>
<TD>09.03.2012 20:50:01</TD>
<TD><BUTTON id=uipoc_readwrite_messagelist_answerMessage_08dda71c-e777-4436-82c8-634a779bfed0 type=button jQuery171046139815295798753="8">Antworten</BUTTON></TD>
<TD></TD></TR>
<TR>
<TD><A id=uipoc_readwrite_messagelist_e7d8b8f6-708d-4547-bd31-8c05d3be2a2e href="#uipoc_readwrite_messagelist_e7d8b8f6-708d-4547-bd31-8c05d3be2a2e" jQuery171046139815295798753="9">library are words always plane days to computer

will</A></TD>
<TD>Lindsey Craft</TD>
<TD>11.01.2012 14:40:45</TD>
<TD><BUTTON id=uipoc_readwrite_messagelist_answerMessage_e7d8b8f6-708d-4547-bd31-8c05d3be2a2e type=button jQuery171046139815295798753="10">Antworten</BUTTON></TD>
<TD></TD></TR>
<TR>
<TD><A id=uipoc_readwrite_messagelist_5e64f31f-9cf1-413f-ae47-33816435e655 href="#uipoc_readwrite_messagelist_5e64f31f-9cf1-413f-ae47-33816435e655" jQuery171046139815295798753="11">smoke much many window this text of suspense died

of</A></TD>
<TD>Karen Mayer</TD>
<TD>17.12.2011 17:26:42</TD>
<TD><BUTTON id=uipoc_readwrite_messagelist_answerMessage_5e64f31f-9cf1-413f-ae47-33816435e655 type=button jQuery171046139815295798753="12">Antworten</BUTTON></TD>
<TD></TD></TR>
<TR>
<TD><A id=uipoc_readwrite_messagelist_eb2b1d0b-6071-456b-a675-bed1a3055fd6 href="#uipoc_readwrite_messagelist_eb2b1d0b-6071-456b-a675-bed1a3055fd6" jQuery171046139815295798753="13">rescue asked leader pique to handled always

captain</A></TD>
<TD>Chasity Conway</TD>
<TD>03.03.2012 19:41:40</TD>
<TD><BUTTON id=uipoc_readwrite_messagelist_answerMessage_eb2b1d0b-6071-456b-a675-bed1a3055fd6 type=button jQuery171046139815295798753="14">Antworten</BUTTON></TD>
<TD></TD></TR>
<TR>
<TD><A id=uipoc_readwrite_messagelist_311625ac-6b95-4c35-a6e0-79dbad0f62b3 href="#uipoc_readwrite_messagelist_311625ac-6b95-4c35-a6e0-79dbad0f62b3" jQuery171046139815295798753="15">others had constantly smoke will should worn when

ending</A></TD>
<TD>Nancy Stevens</TD>
<TD>18.02.2012 07:47:57</TD>
<TD><BUTTON id=uipoc_readwrite_messagelist_answerMessage_311625ac-6b95-4c35-a6e0-79dbad0f62b3 type=button jQuery171046139815295798753="16">Antworten</BUTTON></TD>
<TD></TD></TR></TBODY></TABLE>

Hi,

Just wanting to ask where we could find documentation related to KendoTemplates that are rendered via server side code.

For example, I have the following mark-up:

I can't seem to find relevant documentation for the server side components, and how to specify values for the markup.

I see a lot of KendoUI docs, but it is mostly focused on JS/HTML client side rendering.

Thanks.