Hello, I've got a listview whose template includes a button that causes removal of the clicked item from the listview.  I also followed another forum post explaining how to suppress the mouseclick event so that my button click event doesn't select the clicked item. 

However, when the remove happens in my click handler via the listview.remove(item) method, it looks like the listview syncs to the datasource.  The problem is that when this occurs the listview appears to lose it's selection.  I'm guessing this is by design, but is there a way in which I can store the selected index before the remove and then reselect the item afterwards?  The main task is getting the selected index in my click handler.  I see a way to get the selected item using listView().select() but not the index.  After the rebind, if I try to pass this selected item into the select function it no longer finds it, so I guess it goes out of scope after the rebind. 

Do you have any guidance for me?

Thanks,
Eric

This is one of those cases that surprised me because Internet Explorer actually displays correctly and it's Firefox and Chrome that are screwed up...go figure!

In the series label and tooltip label, I have defined a template. Using a <br /> to create a line break in the template causes the labels to be completely blank in Firefox and Chrome, however, they display fine in Internet Explorer. I'm not sure if this is a bug or if there is a different way to generate a line break in a label, but I could use some assistance figuring it out.

Thanks.

Kendos,

I'm writing a fairly complex app using the framework. The app uses a page input form with many complex elements. This page is fetched via ajax using the application navigate methods.

The issue is that this appends the main document. So each time you call a slightly different version of this page (edit, etc) it fetches the HTML via Ajax and appends it to the current document.

This not only vastly increases the size of the document (and possibly leading to memory issues if the app is open for long enough) but also it confuses the DOM as there are now 2 or more versions of the form, so you get 2 or more copies of ID elements.

I'd like a way to 'clean up' all previously loaded views when fetching a new page. I've managed to fudge this in my code by putting this in the data-init function of the form I'm loading:


But it seems less that optimal and prone to bugs down the road.

Something to consider for a future version?

How can I get the line chart to accept JSON with this format?

{
    "apps": [
        { "Name": "One", "Data": [8, 4, 10, 15, 6, 2, 7, 12, 10, 11, 5, 9] },
        { "Name": "Two", "Data": [7, 17, 9, 10, 7, 5, 15, 16, 7, 16, 5, 1] },
        { "Name": "Three", "Data": [18, 9, 8, 17, 13, 3, 11, 3, 8, 1, 5, 2] },
        { "Name": "Four", "Data": [5, 19, 7, 13, 8, 5, 19, 11, 2, 3, 16, 1] },
        { "Name": "Five", "Data": [5, 5, 9, 4, 14, 11, 5, 17, 6, 15, 14, 7] }, 
        { "Name": "Six", "Data": [13, 17, 18, 4, 19, 0, 8, 11, 2, 4, 9, 13] }
    ],
    "labels": [ "0:00", "1:00", "2:00", "3:00", "4:00", "5:00", "6:00", "7:00", "8:00", "9:00", "10:00", "11:00" ]
}

I'm not seeing how to transform the data from what I've got to what the Kendo line chart accepts. In fact, I don't really see any documentation on what the Kendo charts accept for data other than a demo that doesn't actually show the format of the data (I had to figure out the url to the JSON datasource).

I do have something working in jsfiddle (http://jsfiddle.net/472Xr/2/), but that doesn't seem like a workable solution for a remote data source that can be updated on the client.

Hi, 
I want find and select a Node in TreeView with HierarchicalDataSource.
I have create a webService for to find the Item and the path in tree.
I want expand the treeview for show the Find Node.
How ?
The FindByText and expand not fuction ?

Help me.

i don't want to display grid if no record found here is my code i use the change function to check if data length exist  then grid display but it's no working and browser give me an error with the two options "Continue","Stop Script"..here is my code

var DataSource, UserName;

$(function () {

    UserName = $('#NameText').val();

    GetDataSource();
   
});


function GetDataSource() {

    DataSource = new kendo.data.DataSource({
        pageSize: 10,
        change: function () {
            if (this.data().length) {
              CreateGrid();
            }
        },
        transport: {
            read: {
                type: "POST",
                url: "/WebBasedBookExchangeSystem/books.svc/GetUserBooks",
                contentType: "application/json; charset=utf-8",
                dataType: "json"
            },
            update: {
                type: "POST",
                url: "/WebBasedBookExchangeSystem/books.svc/UpdateUserBook",
                contentType: "application/json; charset=utf-8",
                dataType: "json"
            },
            destroy: {
                type: "POST",
                url: "/WebBasedBookExchangeSystem/books.svc/DeleteUserBook",
                contentType: "application/json; charset=utf-8",
                dataType: "json"
            },
            parameterMap: function (data, operation) {

                if (operation == "update")
                    return kendo.stringify({ updateBook: data });
                else if (operation == "destroy")
                    return kendo.stringify({ deleteBook: data });
                else if (operation == "read")
                    return kendo.stringify({ user: UserName });

            }
        },

        schema: {

            parse: function (data) {
                return JSON.parse(data.d);

            },
            model: {
                id: "Book_Id",
                fields: {
                    "Book_Id": { type: "number" },
                    "Title": { type: "string" },
                    "ISBN": { type: "string" },
                    "Author": { type: "string" },
                    "Price": { type: "number" }
                }
            }
        }
    });

    DataSource.read();
}

function CreateGrid() {

    $('#grid').kendoGrid({

        filterable: true,
        sortable: true,
        pageable: true,
        scrollable: false,
        editable: "popup",
        columns: [
                    { field: "ISBN", filterable: false, width: 50, title: "ISBN NO" },
                    { field: "Title", title: "Book Title", width: 180 },
                    { field: "Author", filterable: false, width: 180, title: "Book Author" },
                    { field: "Price", filterable: false, width: 50, title: "Price (Rs)" },
                    { command: ["edit", "destroy"], title: "Action", width: 5 }
                 ],

        dataSource: DataSource

    });
}

I have an XML RPC server which has a method to return data from a database when it is called. I want to bind a datasource to this method so that I can use this data in a grid. However, I haven't been able to find an example which shows this sort of thing. Is this possible, and if so could someone point me in the direction of an example? The POST request which I can send to the server to access the method looks like this:

why there are no :
1. "kendo-radioButtonList" 
2. "kendo-checkBoxList" 
3. "kendo-radioButton"
4. "kendo-checkBox"

if there are, the form elements will have universal theme(look and feel) !!!

I want to use the visible and editable bindings in a complex, nested form. it consists of tabs, with <fieldsets> as child elements. the fieldsets itself host the individual form fields (e.g. <input>,<select>). what i want to is to apply visible or enable bindings to entire fieldsets or tabs. If the enable property is set on a tab, it should still be possible to open it, but all form fields on it should be disabled.

any idea how i could accomplish this with kendoui mvvm? i'm aware that i might have to write my own custom mvvm binders for that, since the enable binding is limited to form fields.

kind regards,

Franz

Hi

I have grid with template for column A

and delegate 

Data Source configured with following options: autosync, transport update url, batch

Grid configuration : editable. Save changes button at the grid header.

It works ok when checkbox is selected data in data source changed successfully but Save changes button of the grid doesn't call update method of data source. 

What could be a reason of this issue?