|
+ |
- |
<table class="table table-striped"> <tbody> <tr class="crudable"> <td> <div class="input-group"> <label class="input-group-addon"> What's include? </label> <input class="form-control include_text" placeholder="included item" value="Free drink!" name="include" type="text"> </div> </td> <td> <select name="highlight"> <option value="0"> no highlight </option> <option value="1"> highlight </option> </select> </td> <td> <div class="crudable-create btn btn-info"> + </div> </td> <td> <div class="crudable-delete btn btn-danger"> - </div> </td> </tr> </tbody> </table>
$('.crudable').crudable();
From
To
|
|
+ |
- |
<tbody> <tr class="crudable-daterange"> <td class="col-md-7"> <div class="input-daterange"> <span class="add-on" style="vertical-align: top; height:30px"> From </span> <input type="text" style="vertical-align: top; height:30px" name="start" value="2015-12/08"> <span class="add-on" style="vertical-align: top;height:30px"> To </span> <input type="text" style="vertical-align: top;height:30px" name="end" value="2015-12/31"> </div> </td> <td class="col-md-4"> <div class="input-group"> <label class="input-group-addon"> Price </label> <input type="text" class="form-control" name="price" value="78" placeholder="leave this empty for a default value"> </div> </td> <td> <div class="crudable-create btn btn-info"> + </div> </td> <td> <div class="crudable-delete btn btn-danger"> - </div> </td> </tr> </tbody>
$('.crudable-daterange').crudable({ crudableLabel: "crudable-daterange", afterCreate: function(element) { element.find('.input-daterange').datepicker(); } });
<div class="table-day"> <table class="table table-striped"> <thead> <tr> <th> <div class="input-group"> <label for="date" class="input-group-addon"> Date </label> <input class="form-control" value="A tour near city" name="date" type="text"> </div> </th> <th> <a class="create-day btn btn-default">Add a new day </a> <a class="delete-day btn btn-danger">Delete this day</a> </th> </tr> </thead> <tbody> <tr class="crudable"> <td> <div class="input-group"> <label class="input-group-addon"> Plan </label> <input class="form-control" value="" name="plan" type="text"> </div> </td> <td> <div class="input-group"> <label class="input-group-addon"> Time </label> <input class="form-control" value="" name="time" type="text"> </div> </td> <td> <div class="crudable-create btn btn-info">+</div> </td> <td> <div class="crudable-delete btn btn-danger">-</div> </td> </tr> </tbody> </table> </div>
$('.table-day').crudable({ crudableLabel: "table-day", createLabel: "create-day", deleteLabel: "delete-day", afterCreate: function(element) { element.find('.crudable').crudable(); }, });