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

I want to develop one shopping cart page . In  that page there is one label on top called "Total Price" and one check box list with item name and price

When I select any of the item that price should be added in Total Price, and I can select multiple times.
 
Can any one please tell me how can I achieve this functionality in kendo mobile ui ?

I have an application based off of the mobile music store example. I have cut everything down to the following in order to illustrate the problem.
I have 2 views, initial-view and detail-view.
The first view initial-view contains a listview of Ids pulled from a DataSource.
The second view performs a datasource.get on the id passed in the query string link to the view using the show event in order to grab the correct details from the datasource. However when you attempt to navigate from the listview link to the detail view, you get an immediate error after the view is shown with a #! in the url.

If you bind the initial-view listview to something else, a static array, or hard code the links to detail-view the show event and navigation to the detail-view works as expected.

Example attached.
Edit: Found that if I create another DataSource from the same original data.


If I then use that datasource in the show event of the detail-view to bind it works. Kind of a major hack though, I'd prefer to know what I am doing wrong or if this is a bug that will be fixed.