Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
    <title>KendoUI Test Page</title>
    
    <link href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.default.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.dataviz.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.mobile.all.min.css" rel="stylesheet" />
​
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://cdn.kendostatic.com/2013.1.514/js/kendo.all.min.js"></script>
</head>
<body>
    <div id="foo" data-role="view" data-model="viewModel">
        <form data-bind="events: { submit: onSubmit }">
            <ul id="listview" data-role="listview">
                <li>
                    <label>Job
                        <input type="text" placeholder="Job Number"/>
                    </label>
                </li>
                <li>
                    <label>Customer
                        <input type="text" placeholder="Customer" />
                    </label>
                </li>
                <li>
                    <label>PO#
                        <input type="text" placeholder="PO#" />
                    </label>
                </li>
            </ul>
            <input type="submit" class="km-button" />
        </form>
    </div>
    
    <script>
        var app = new kendo.mobile.Application();
​
        var viewModel = kendo.observable({
            onSubmit: function(e) {
                console.log("submit");
                e.preventDefault();
            }
        });
    </script>
</body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers