|
|
@@ -1,46 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html>
|
|
|
-<head>
|
|
|
- <title>Editable(row)</title>
|
|
|
- <meta charset="utf-8">
|
|
|
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
|
|
- <link rel="stylesheet" href="../../bootstrap-table.css">
|
|
|
- <link rel="stylesheet" href="editable.css">
|
|
|
- <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
|
|
|
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
|
- <script src="../../bootstrap-table.js"></script>
|
|
|
- <script src="./bootstrap-table-click-edit.js"></script>
|
|
|
-</head>
|
|
|
-<body>
|
|
|
- <div class="container">
|
|
|
- <h1>Editable(row)</h1>
|
|
|
- <table id="table"
|
|
|
- data-toggle="table"
|
|
|
- data-click-edit="true"
|
|
|
- data-unique-id="treeId"
|
|
|
- data-url="data1.json">
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th data-field="id">ID</th>
|
|
|
- <th data-field="name" data-editable="input">Item Name</th>
|
|
|
- <th data-field="price" data-editable="select">Item Price</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <script>
|
|
|
- $(function () {
|
|
|
- //Setup options for your 'Select'options, obj name must same as your data-field name.
|
|
|
- $.selectArray=
|
|
|
- {price: [{idxNum: '$', name: '100'}, {idxNum: '$', name: '500'}, {idxNum: 'NT$', name: '1000'}, {idxNum: 'NT$', name: '2500'}, {idxNum: 'NT$', name: '5000'}],
|
|
|
- name: [{idxNum: 1, name: 'Jenny'}, {idxNum: 2, name: 'Aby'}, {idxNum: 3, name: 'Martin'}, {idxNum: 4, name: 'Hellen'}, {idxNum: 5, name: 'Steve'}]};
|
|
|
-
|
|
|
- $('#table').bootstrapTable(); // init via javascript
|
|
|
-
|
|
|
- $(window).resize(function () {
|
|
|
- $('#table').bootstrapTable('resetView');
|
|
|
- });
|
|
|
- });
|
|
|
- </script>
|
|
|
-</body>
|
|
|
-</html>
|
zhixin