Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Product Info</title>
- </head>
- <body data-authorize-roles="*">
- <div data-app-role="page" data-content-framework="bootstrap">
- <div class="jumbotron">
- <div class="container">
- <h1>My Products</h1>
- </div>
- </div>
- <div class="container">
- <table class="table">
- <tr>
- <th>Product Name</th>
- <th>Unit Price</th>
- </tr>
- <!-- repeating control -->
- <tbody data-control="repeater" data-source="ProductList">
- <tr>
- <td><span data-control="field" data-field="ProductName"></span></td>
- <td><span data-control="field" data-field="UnitPrice"></span></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <!-- data island request -->
- <script data-type="$app.execute">
- ({
- "controller": "Products",
- "view": "grid1",
- "pageIndex": 0,
- "pageSize": 100,
- "sortExpression": null,
- "id": "ProductList"
- })
- </script>
- <!-- optional client-side post-render processing -->
- <script>
- $(document).on('start.app', function () {
- var productList = $app.data["ProductList"];
- if (productList && productList.length) {
- // process
- }
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement