Hi,

using a Kendo UI ToolTip on a checkbox doesn't seem to work quite well. The ToolTip arrow is blocking the checkbox:

<script type="text/javascript" language="javascript">

    $(document).ready(function () {

        $('.toolTipFastTop').each(function () {

            $(this).kendoTooltip({

                autoHide: false,

                position: 'top'

            });

        });

    });

</script>

 

<input style="margin:40px" class="toolTipFastTop" title="BlablaTest" type="checkbox" />

I also tried it with editing on of your online examples, same result.
Kendo UI version: 2014.2.903

Regards,
Marcel

So I have a grid I need to render, and this rendering is dependent on data being loaded. Using a Restangular service to find the data, and on the success .then(), the grid is rendered with data. Normally in angular, this would be handled by an ng-repeat. I don't know how this is handled in the kendo grid angular implementation.

At any rate, in the template, the grid is surrounded by a tag with an ng-if="dataSourceExists". I can render a regular table using ng-repeat, but when I try to do this with the kendo grid I get this:

"TypeError: Cannot read property 'replace' of undefined"

Since the documentation surrounding your implementation of angular and how data gets bound is sparse, I am having difficulty solving this problem. Any help would be appreciated.

Hi Support team,

I encounter this issue while integrating Grid into my application. Our clients provide us a fix Data API like below:

http://11.11.11.11/accountservice.aspx?PageSize=100  get the page which currentpage = 0 ( seqNo: 1~100)
http://11.11.11.11/accountservice.aspx?PageSize=100&CurrentPage=2 get third page (seqNo: 201~300)
http://11.11.11.11/accountservice.aspx?PageSize=100&GetTotal=true get the total count number

The datasource is in JSON format:
[ { UEN:"ST12345",CustName:"AA",Email:"" }, ... ] more than 10K records like this on the server.

Could you please help me with below grid features:
- ServerPaging
- AutoBinding
- Server Sorting

Thanks & Regards,
Bach

I have this grid on one of my pages

My template column renders exactly as it should all good. However i have this on another page
My column template renders 'undefined' as soon as put the template on the column I get this error. has any one else have the problem? I've tried using the clientTemplate as well but the link never postbacks the value and my ID is always null. Can some one point me in the right direction? Thank you in advanced

Hi,

I got this window that the second time is called a JavaScript error shows “TypeError: Cannot read property ‘refresh’ is undefined’
 
Please help.

~~~~~~~~~~~~~~~~~~~~ Code ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

@(Html.Kendo().Window().Name("window").Visible(false).Modal(true).Width(1000).Height(700))


<a onclick="verReporte()" class="btn btn-primary">Ver Reporte</a>


function verReporte() {        var precinto = $("#ddlPrecinto").val();
        var unidad = $("#ddlUnidad").val();
        if (unidad == "<Todos>") {           
            unidad = '';        };
       var status = $("#ddlStatus").val(); 
       var category = $("#ddlCategory").val();
       var data = { reportname: "VoterList.trdx", parameters: "Precinto=" + precinto + ",Unidad=" + unidad + ",Status=" + status + ",Category=" + category };
       var myurl = '@Url.Action("ReportViewerGeneric","Report")';        

       var mywindow = $("#window").data("kendoWindow");
       mywindow.refresh({           
                 url: myurl,   
                 data: data       
         });        
        mywindow.title("");       
        mywindow.center();       
        mywindow.open();      
};

Hi, I want to know how to call the template function for certain column value. I mean the function that the grid applies to a dataSource value to get the value that shows on the grid. I´m not defining any template function for that column, what i need to know is what function the grid applies to every value on a column that doesn´t have a custom template function.
Example:
-In the dataSource i have a date value: Date {Mon Aug 11 2014 00:00:00 GMT+0200}
-In the grid, after the template function i´m looking for is applied to this value, you can see: 11/08/2014.

I´ve looked for it, but couldn´t find it.
Thanks a lot.

When there are multiple handlers for a drop location, after handling the one I want, how do I prevent anymore handlers from firing ?

See http://jsfiddle.net/RichardAD/qYQ7m/

Do I use a kendo feature or capture/bubble I've read about but don't understand yet.

Thanks,
Richard

I'm using a kendo angular grid on a page. The config is this:

$scope.gridData = new kendo.data.ObservableArray($scope.rowData);
          $scope.gridOptions = {
                    columns: [{
                        field: "itemType",
                        title: '<i class=\'fa fa-file-o\'></i>',
                        sortable: false,
                        width: 40
                    },{
                        field: "displayName",
                        title: "Name"
                    }, {
                        field: "owner",
                        title: "Owner"
                    }, {
                        field: "tags",
                        title: "Tags",
                        sortable: {
                            compare: function(data) {
                                return _.filter(data.tags, function(tagObj) {
                                    return (tagObj.state === 'Accepted' || tagObj.state === 'Suggested');
                                }).length;
                            }
                        }
                    }, {
                        field: "fileType",
                        title: "Content Type"
                    }, {
                        field: "size",
                        title: "Size",
                        width: 70
                    }, {
                        field: "lastModificationTime",
                        title: "Last Modified"
                    }],
                    sortable: {
                        mode: "single",
                        allowUnsort: false
                    },
                    columnMenu: true,
                    reorderable: true,
                    resizable: true,
                    selectable: "row",
                    pageable: {
                        pageSize: 25,
                        pageSizes: [25, 50, 100],
                        previousNext: true
                    },
                    rowTemplate: kendo.template($("#browseListGrid").html()),
                    dataSource: $scope.gridData
                };


So if I use this config to generate a grid, the pageSize defaults to the length of the $scope.gridData. If I use $scope.rowData as the dataSource, the pageSize actually works. I have absolutely no idea why this is the way it is...my understanding is that it should work with the array wrapped with ObservableArray. I have reproduced it in the following:

http://dojo.telerik.com/@yazdog8/IlEF

Hello,

Let's say the grid makes a GET to api/tickets/2/lines to get the lines for ticket # 2, and the Web API controller cannot find that ticket.  It creates an HttpResponseMessage like this:


The raw HTTP response is:

In the grid's dataSource, I have defined an error event handler:
The handler gets called, but e.errors is undefined.  Looking at e, there I cannot find the error message, "Ticket not found: 2" anywhere.

How can I get to my message? 

Also, do you have a recommended approach for handling and displaying errors during grid operations (I was planning to use Toastr or similar to display the friendly message, in addition to obviously log details server-side).

Thanks,
Lars

Just as my thread title suggests, I'm trying to find the best way/time to localize any static strings in my listview item templates.

For example:


I have i18next working great in my regular Kendo Web widgets but in my mobile implementation, I can't find a view even that will successfully parse/swap out my localized values (the data-i18n tag).

Any help would be greatly appreciated.