So here is  a copy of the current Grid code.  It was working fine - and suddenly noticed that it simply stopped firing.  FireBug doesn't show anything happening at all.

// Make Grid Appear
        generateGrid();
        
    // Function to actually build the grid
        
        function generateGrid() {
            $("#teamGrid").kendoGrid({
                columns: [
                    {    title: "First Name",
                        field: "users_first_name",
                        attributes: {
                            style: "text-align: center; font-size: 14px;"
                        },
                        filterable: true,
                        headerAttributes: {
                            style: "font-weight: bold; font-size: 14px; width: 100px;"
                        }
                    },
                    {    title: "Last Name",
                        field: "users_last_name",
                        attributes: {
                            style: "text-align: center; font-size: 14px;"
                        },
                        filterable: true,
                        headerAttributes: {
                            style: "font-weight: bold; font-size: 14px; width: 100px;"
                        }
                    },
                    {    title: "Email",
                        field: "users_email",
                        attributes: {
                            style: "text-align: center; font-size: 14px;"
                        },
                        filterable: { extra: false },
                        headerAttributes: {
                            style: "font-weight: bold; font-size: 14px; width: 300px;"
                        }
                    },
                    {    title: "User Type",
                        field: "admin_status",
                        attributes: {
                            style: "text-align: center; font-size: 14px;"
                        },
                        filterable: true,
                        headerAttributes: {
                            style: "font-weight: bold; font-size: 14px; width: 80px;"
                        },
                        template: function(dataItem) {
                            if ( dataItem.admin_status == 0 ) {
                                return "Team Member";
                            } else if ( dataItem.admin_status == 1 ) {
                                return "Admin";
                            } else if ( dataItem.admin_status == 2 ) {
                                return "Manager";    
                            } else if ( dataItem.admin_status == 3 ) {
                                return "Acct Owner";    
                            }
                        }
                    },
                    {
                        command: [
                            
                            {    
                                name: "destroy", text: "Delete"
                            }
                        ],
                        headerAttributes: {
                            style: "width: 120px;"
                        },
                        attributes: {
                            style: "text-align: center;"
                        },
                        title: " "
                    }
                    ],
                dataSource: {
                    transport: {
                        read: {
                            url: "/data/get_team.php"
                        },
                        update: {
                            url: "/data/update_teammate.php",
                            type: "POST"
                        },
                        destroy: {
                            url: "/data/delete_teammember.php",
                            type: "POST"
                        },
                        create:  {
                            url: "",
                            type: "POST"    
                        }
                    },
                    schema: {
                        data: "data",
                        total: function (result) {
                                 result = result.data || result;
                                 return result.length;
                       },
                       model: {
                            id: "users_id"   
                       }
                    },
                    type: "json"
                },
                pageable: {
                        refresh: true,
                        pageSize: 15,
                        pageSizes: [
                            15
                        ]
                    },
                sortable: true,
                filterable: true,
                autoSync: true,
                scrollable: false,
                selectable: "row",
                reorderable: false,
                toolbar: [
                            { template: kendo.template($("#template").html()) }
                         ]

            }); // END: teamGrid
            
        } // END: generateGrid function


---------------

Any suggestions?

Thanks, in advance...

This one is driving me nuts. I have a form inside of my mobile application such as this:

<form data-bind="event: { submit: submitJbSearch }">
        <ul data-role="listview">
            <li>
                <label>Job
                    <input type="text" placeholder="Job Number" data-bind="value: test" />
                </label>
            </li>
            <li>
                <label>Status
                    <select data-bind="options: statuses">
                    </select>
                </label>
            </li>
            <li>
                <label>Customer
                    <input type="text" placeholder="Customer" />
                </label>
            </li>
            <li>
                <label>PO#
                    <input type="text" placeholder="PO#" />
                </label>
            </li>
        </ul>
    </form>

I'm using the knockout data binding of submit here (also tried the events Kendo binding and the event and submit knockout binding) and the function that I'm bound to is not firing when hitting the enter key inside of Chrome or on my iPhone when hitting the 'Go' button on the keyboard.

I also added a button to the bottom of the form for a sanity check to ensure my knockout VM function was firing. Here is the button code:

<a href="#" data-bind="click: submitJbSearch" data-role="button">Submit</a>

And my VM:

define('app/vm.jobboss',
['jquery', 'ko', 'app/config'],
function ($, ko, config) {
var 
statuses = ko.observableArray(config.jobbossJobStatuses),
test = ko.observable('Test Value'),

// Methods
submitJbSearch = function() {
alert(test());
};

return {
statuses: statuses,
test: test,
submitJbSearch: submitJbSearch
};
});

I feel as if I'm going insane. I have a feeling that this is something dumb I'm missing. 

I apologize for the bad formatting, but the forums kept saying "Invalid post content" when I was trying to post code blocks.

Hi,
can I make the grid auto save after user clicks and confirms a destroy?

And I wonder if there are keyboard shortcuts for going to next column (tab doesnt work for me) and also for save? 

Thanks

This one is driving me nuts. I have a form inside of my mobile application such as this:
I'm using the knockout data binding of submit here (also tried the events Kendo binding and the event and submit knockout binding) and the function that I'm bound to is not firing when hitting the enter key inside of Chrome or on my iPhone when hitting the 'Go' button on the keyboard.

I also added a button to the bottom of the form for a sanity check to ensure my knockout VM function was firing. Here is the button code:
And my VM:

I feel as if I'm going insane. I have a feeling that this is something dumb I'm missing. 

I have a combobox with a foreign key lookup, works great...

Business would like to see detail attributes of selected value below combobox:

Example:

Combobox:  <Selected Value>
Display detail description 1:   xxxx
Display detail description 2:
Etc...

Is this possible?

Thanks!

Hi,

I would like to perform client filtering based on the search value in the search input box for mobile list view. Could someone able to answer this question? thanks

For instance:

• How to format code-blocks?
• How to embed a jsFiddle (or jsBin) inline

This is a great item for the Forums FAQ.

Thx.

I like the new Scheduler, but I do not understand some feature.

 If creating an event with start="03-Jul-2013 23:30" and end="04-Jul-2013 01:30", it only appears as "isAllDay" in the slot "allDaySlot". But this is wrong, the event lasts only two hours and do not take "all day". And if you reset the flag "allDaySlot" to "false", the event is not displayed in the "day view" or "week view", but in view "Agenda" event is displayed correctly with the indication of the beginning and the end.

Telerik old RADScheduler behaves correctly for that events. It renders first part of the event in one day and the remainder of the event in another. Do you plan to add the same feature for Kendo Scheduler?

I have a grid configured like in http://jsfiddle.net/dimodi/pcDq5/

This is working fine, except one thing. The horizontal scrollbar is stuck between the grid data and the totals area. I would expect the horizontal scroll to be below the total area.

Is there a recommended way to achieve that?

Thanks,
Ryan

Hi,

First of all I would like to mark that I'm quite fresh in the kendo UI stuff.
My employer asked me to write a mobile application using kendo UI. Because there is no data binding Topics I decided to write my post here.

So the problem is that autocomplete input does not get the data from webservice some how. I'm not shure if I wrote databinding correct.

Could someone help me? I'll be greateful for any help with that.

// THIS IS JAVASCRIPT
    $("#tbProducer").kendoAutoComplete({
        minLength: 1,
        filter: "contains",
        placeholder: "Wpisz producenta...",
        dataSource: {
            //type: "xml",
            transport: {
                read: {
                    type: "POST",
                    url: "http://mobileservice.cenpol.pl:81/CenpolMobileService.svc/GetProducers",
                    dataType: "xml",
                    processData: false,
                    data: xmlstring
                }
            },
            schema:
            {
                data: "Alias",
                model:
                {
                       fields:
                       {
                           Alias: { type: "string" },
                           ContactDataID: { type: "number" },
                           ID: { type: "number" },
                           Suggested: { type: "number" }
                       }
                }
            },
            serverFiltering: false
        }
    });


// THIS IS WEB FORM
<!DOCTYPE html>
<head>
    
    <title></title>
    
    <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" />
    <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>

</head>
<body>
        <div data-role="view" data-layout="overview-layout" id="vSearcher">
            <p>
                <label>Wprowadź dane do wyszukiwania</label>
                <br />
                <br />
                <label>Producent:<br /><input type="text" id="tbProducer" class="k-input" autocomplete="on"/></label><br />
                <label>Opis materiału:<br /><input type="text" id="tbMaterialDesc" class="k-input"/></label><br />
                <label>Numer katalogowy:<br /><input type="text" id="tbCatalogNo" class="k-input"/></label><br />             
            </p>
            <p style="text-align:center;">

                <button id="btSearch" class="km-button" style="font-size:14px;">
                    <img src="img/search-32.png" width="24" height="24" style="align-content:center; align-self:center; vertical-align:central; margin: 0 15px 0 0"/>Szukaj
                </button>
            </p>

        </div>

        <div data-role="view" data-layout="overview-layout" id="vResults">
            Wyniki
        </div>

        <div data-role="view" data-layout="overview-layout" id="vAboutUs">
            O nas
        </div>
        

    <div data-role="layout" data-id="overview-layout">
        <header data-role="header">
            <div data-role="navbar">Cenpol Mobile © 2013</div>
        </header>

    <footer data-role="footer">
        <div data-role="tabstrip">
            <a href="#vSearcher"><img src="img/search-32.png" width="24" height="24" /><br /><label>Wyszukiwarka</label></a>
            <a href="#vResults"><img src="img/result-32.png" width="24" height="24" /><br /><label>Wyniki</label></a>
            <a href="#vAboutUs"><img src="img/about-32.png" width="24" height="24" /><br /><label>O nas</label></a>
        </div>
    </footer>
</div>
   
<style scoped>

    .k-input {

        padding: 0 10% 0 0;
        width: 90%;
    }
    

</style>

<script>
    var app = new kendo.mobile.Application(document.body,
    {
        transition: 'slide',
        platform:'android'
    });

    $("#tbProducer").kendoAutoComplete({
        minLength: 1,
        filter: "contains",
        placeholder: "Wpisz producenta...",
        dataSource: {
            //type: "xml",
            transport: {
                read: {
                    type: "POST",
                    url: "http://mobileservice.cenpol.pl:81/CenpolMobileService.svc/GetProducers",
                    dataType: "xml",
                    processData: false,
                    data: xmlstring
                }
            },
            schema:
            {
                data: "Alias",
                model:
                {
                       fields:
                       {
                           Alias: { type: "string" },
                           ContactDataID: { type: "number" },
                           ID: { type: "number" },
                           Suggested: { type: "number" }
                       }
                }
            },
            serverFiltering: false
        }
    });
</script>
</body>

///////////////////////////////////////////////////////////////////////////////////////

The attachment is the response I get from the webservice.
The webservice is the WCF webservice. I use basichttpbinding because it is appropriate for Windows Phone App. I read it is OK for Kendo to get data from XML services (not only Json).

Thank you for your help. Any asnwer will be appreciated.

Best regards,
Paul