I have the code below to bind data to my grid on the client.  The grid is bound to the data, but I am having trouble getting the paging working.  Here is my code"

$("#btnSearch").click(function () {           
            $.ajax({
                url: "/Booking/GetBookingLookupData",
                type: "POST",
                data: null,
                contentType: "application/json"
            }).success(function (data) {
                
                var d = data;
                var gdata = $("#grid").data("kendoGrid");

                var ds = new kendo.data.DataSource({

                    data: d,
                    pageSize: 10,                    
                    serverPaging: false

                });             
               
                ds.fetch(function () {    
                    ds.serverPaging = false;
                });               
                gdata.dataSource = ds;
                gdata.refresh();
               
            });

        });

All of the data gets bound to the datasource.  I see all of the rows if I do not make it pageable, but the paging is not working.  What am I missing?

Thanks,

Wayne

i woul dlike to know how you would apply this kendo UI stuff in Xamarin

Is there a way to make the slices in a pie chart explode onClick event?

Hello

My grid has navigatable set to false, and editable set to true, I am controlling the cell navigation through my own code. The reasons I am doing this are

• InCell editing - turn on cell editing when a cell is selected, data is saved when the user navigates away from the cell. 
• Keyboard support - allow the user to navigate using Enter key (to go down the column) and Tab key (to go across the row) to immediately start editing the next cell. Also using the arrow keys to navigate.
• Additional information in popup form - to complicate the matter even more, some cells may require additional information which the user can enter using a pop form triggered by the grid.save event. This took away the focus on the grid and therefore has to be programmatically restored back to the grid once the popup form is closed.

I would like to separate saving from grid navigation. Ie. the user can continue editing cells while the data source update itself in the background. One particular problem I ran into is after a cell content is saved, the grid reset its edit cell and lose focus of the current cell.

Is it possible for the grid to not control the navigation, and not control the edit mode toggleing? 

Hello.

When there is more than one chart on the same page the lines in the ( on all other charts) will be painted only in the width length of the first chart of the page.

As you can see in my attached print screen the first chart goes from 26 december to 24 of january, and is smaller than the charts in below, and the lines on the 2 graphs below is just painted until the width of the first chart. ( and i confirmed that there is values on the other charts until 24 January)

To overcome this i had put a dummy chart on a div, and set absolute position to outside of the screen, because if i set the div to hidden, all the other charts will not be painted.

Hope you can solve this bug.

Best regards
Pedro

Hi everyone,

I have a Chart that receives data using a DataSource. Depending on a users selection in a drop down box the data should come from a different url. The structure of the data from those different url's is identically.

I tried to set the url in the drop downs change event using this syntax

Unfortunately this is not working and I hope you can help me.

Best regards,

Pascal

I have an issue with all of my bar charts that when I call refresh for window resizing etc, the entire series and data get duplicated.  This has been happening for a while with older versions of Kendo, but I had a fix which was to clear the series array and then add it back in prior to calling refresh, but as of the latest version this no longer works and is causing issues.

I have created a JSBin to demonstrate the issue, I have put a counter on the refresh event to prevent to many series from being created due to JSBin firing window resize events too many times, just resize the pane to see:

http://jsbin.com/izixay/7/edit

Basically calling refresh() chart bound to a grouped datasource causes duplicate series for every refresh.

Thank you,
Bobby Ross

When i drop a draggable element with a grid in it the footer controls (paging and row selection etc) are duplicated. They still work but there are two footer rows.
function panelDropped(e) {
        var droppedOrigParent = e.draggable.element.parent();
        droppedOrigParent.height(this.element.children(0).outerHeight());
        droppedOrigParent.prepend(this.element.children(0));
        e.draggable.element.show();
        this.element.prepend(e.draggable.element).height(e.draggable.element.outerHeight());
    }

    function panelDragStart(e) {
        e.currentTarget.hide();
        e.currentTarget.parent().height(e.currentTarget.outerHeight());
    }
$("#dropTarget1").kendoDropTarget({
        drop: panelDropped
    });
    $("#dropTarget2").kendoDropTarget({
        drop: panelDropped
    });
    $("#dropTarget3").kendoDropTarget({
        drop: panelDropped
    });

$("#SavedWorkDrag").kendoDraggable({
        container: $('#rightColumn'),
        hint: function () {
            return $('#SavedWorkDrag').clone();
        },
        dragstart: panelDragStart,
        dragend: function (e) {
            e.currentTarget.show();
        }
    });


I also am having a problem with another draggable element which has a radiobuttongroup in it. When it is dropped the selection is removed. This has something to do with the jquery clone() function being used as the hint. thanks!

A kendo TreeView like this ,


i want to do an ajax request, but i need get the ATTR "jsFunc" callback function after ,  how can i get it ?

Hi,

I'm using KendoUi framework web for one of the client projects and working on Grid component as part of my learning experience but some how I stuff with one of the issue as described below:

I created a webservice which returns the beneficiary data by passing input parameter  as part of the query string in webservice request as shown below

URL: http://127.0.0.1:7101/Rest/resources/beneficiaries/retrieve?memberNo=1&user=KK&externalId=11111&externalSys=IPP

Response : {"beneficiariesBeansList":[{"firstNm":"kriss","lastNm":"kilaru","middleNm":"k","percent":"49","relationCd":"01"},{"firstNm":"krishna","lastNm":"kilaru","middleNm":"k","percent":"51","relationCd":"01"}],"elapsedTime":"1016","exceptionCount":"0","exceptionString":"","externalId":"11111","externalSys":"IPP"}

Now in my page I created a datasource component as 

$("#ID").kendoGrid( {
                  dataSource : {
                                type: "odata",
                                serverPaging: true,
                                serverSorting: true,
                                pageSize: 100,
                                transport: {
                                    read: "http://127.0.0.1:7101/Rest/resources/beneficiaries/retrieve?memberNo=1&user=KK&externalId=11111&externalSys=IPP"
                                }
                    }, 
                  pageable : false, 
                  selectable: "single",
                  height : 450,
                  toolbar : [ { name: "create", text: "Add Beneficiary" }], 
                  columns : [   {field : "relationCd", title : "Relationship", width : "100px"},
                                {field : "firstNm", title : "First Name", width : "100px"},
                               // {field : "UnitsInStock", title : "Units In Stock", width : "100px", footerTemplate: "Total : #= sum#"},
                                {field : "middleNm", title : "Middle Name", width : "100px"},
                                {field : "lastNm", title : "Last Name", width : "100px"},
                                {command : ["edit"], title : " ", width : "60px"},
                                {command : {name : "bank", text : "Bank",click: showBankDetails }, title: " ", width: "60px" },
                                {command : {name : "destroy", text : "Remove", className: "btn-destroy"}, title : " ", width : "80px"}
                            ], 
                editable : "popup"
              });

A blank page rendered when page loaded and even I couldnt see any log files, so anyone could help me out where I went wrong inorder to display the data.

Thanks  a lot
Amar