$("#grid").kendoGrid({
        dataSource: {
            type: "json",
            serverPaging: true,           
            serverSorting: true,
            pageSize: 3000,
            allowUnsort: true,
            transport: {
                read: {                  
                    url: "homecontroller/action1",
                type: "post",
                contentType: "application/json; charset=utf-8",
                dataType: "json"
                },
            parameterMap: function (options) {                       
                return JSON.stringify(options);                    }
            },

            schema: { data: "Data", total: "TotalRowCount" }

        },              
        groupable: true,       
        sortable: true,
        pageable: true,
        selectable: "multiple",

        scrollable: {
            virtual: true
        },
 
       columns:
        [
  //column definitions here
 ]
 });

I've put together a little app using Kendo UI that stores user inputs in a Javascript array, and then prints these items out by adding text to a div. Along with the text, I need to have a delete button to remove these items from the array.

Since I'm adding the delete buttons to the DOM after I initialize Kendo UI, I assume I need to use the.kendoMobileButton() method on each button I add. If I don't do this, my buttons aren't styled correctly, despite being given the attribute data-role="button".

Still, when I try to use these buttons, I can't get them to call a function with data-click="deleteNumber". The function simply doesn't seem to fire. Any hints?

Here is a quick example I threw together that illustrates my problem: http://crocdoc.ifas.ufl.edu/files/kendo_example/