<div class="pageheader">
    <div class="media">
        <div class="pageicon pull-left">
            <i class="fa fa-th-list"></i>
        </div>
        <div class="media-body">
            <ul class="breadcrumb">
                <li><a href=""><i class="glyphicon glyphicon-home"></i></a></li>
                <li><a href="">尺码管理</a></li>
                <li>尺码管理</li>
            </ul>

            <div>
                <div style="width: 30%;float: left;">
                    <h4>尺码列表</h4>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="contentpanel">
    <div class="panel panel-default" style="margin-bottom:10px;">
        <div class="panel-body">
            <div class="row">
                <a class="btn btn-info" data-toggle="modal" id="addSize">添加尺码</a>
            </div>
        </div>
            <table class="table table-striped table-bordered responsive dataTable no-footer">
                <thead>
                    <tr>
                        <th>编号</th>
                        <th>尺码名</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    {{#data.list}}
                    <tr>
                        <td>{{id}}</td>
                        <td>{{sizeName}}</td>
                        <td><a class="btn btn-info getsize" data-id="{{id}}" data-toggle="modal" href='#modal-id'>操作</a></td>
                    </tr>
                    {{/data.list}}
                </tbody>
            </table>
        </div>

        {{#data}}
         <div style="display: none;" id="totalPages">{{totalPage}}</div>
         <div style="display: none;" id="number">{{page}}</div>
         <nav ><ul class="pagination" id="pagewrapper"></ul></nav>
        {{/data}}
</div>
<div class="modal fade" id="modal-id">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">添加尺码</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="input" class="col-sm-2 control-label">尺码名:</label>
                    <div class="col-sm-10" id="siezNameBox"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary add">保存</button>
            </div>
        </div>
    </div>
</div>
 <script id="pagenation-template" type="text/x-handlebars-template">
     \{\{#page\}\}
     \{\{/page\}\}
 </script>