前台报错Uncaught TypeError: Cannot read property 'template' of undefined,是我少引用哪个包了么?

爱好 发布于 2018/11/22 09:48
阅读 394
收藏 0

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css" rel="stylesheet">
    
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    

    <!-- x-editable (bootstrap version) -->

    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/js/bootstrap.js"></script>

    <link href="https://cdn.bootcss.com/x-editable/1.5.1/bootstrap-editable/css/bootstrap-editable.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/x-editable/1.5.1/bootstrap-editable/js/bootstrap-editable.js"></script>

    <link href="https://cdn.bootcss.com/bootstrap-table/1.12.1/bootstrap-table.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/bootstrap-table/1.12.1/bootstrap-table.js"></script>

    <script src="https://cdn.bootcss.com/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js"></script>

    
</head>
<body>
    <div class="table-box" style="margin: 20px;">
        <button id="button" class="btn btn-default" style="margin: 20px;">insertRow</button>
        <button id="getTableData" class="btn btn-default" style="margin: 20px;">getTableData</button>
        <table id="show_product" class="table table-no-bordered">
        </table>
    </div>
    
</body>
<style type="text/css">
    .th-inner {
        font-weight:550;
        font-size:16px;
        padding: 4px;
    }
    .fixed-table-body {
        overflow-x: inherit;
        overflow-y: inherit;
    }
    .table td{
        height: 50px;
    }
</style>
<script type="text/javascript">
    $('#show_product').bootstrapTable({
    toolbar: '#toolbar', //工具按钮用哪个容器
    striped: true, //是否显示行间隔色
    cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
    pagination: false, //是否显示分页(*)
    sortable: true, //是否启用排序
    sortOrder: "asc", //排序方式
    sidePagination: "client", //分页方式:client客户端分页,server服务端分页(*)
    pageNumber: 1, //初始化加载第一页,默认第一页
    pageSize: 10, //每页的记录行数(*)
    pageList: [10, 25, 50, 100], //可供选择的每页的行数(*)
    clickToSelect: false,
    showExport: true, //是否显示导出
    exportDataType: "selected", //basic', 'all', 'selected'.
    columns: [{ checkbox: true }, {
        field: "id",
        title: 'Id',
        visible: false
    }, {
        field: "name",
        title: '名称'
    }, {
        field: "shortName",
        title: '简称'
    }, {
        field: "barCode",
        title: '一维码',
        editable: {
            type: 'text',
            mode: 'inline'//直接在所在行编辑,不弹出
        },
        sortable: true
    }, {
        field: "remark",
        title: '备注'
    }, ],
    data:[
         { "id": "功能分组", "name": "美的数量", "shortName": "美的占比" , "barCode": "松下占比", "remark": "松下占比"},
    ],
    onEditableSave: function(field, row, oldValue, $el) {
        var newValue = row[field];//不能使用row.field
        if (!checkStrEqual(oldValue, newValue)) {
            alert(row.id);
           
        }
    }
});
</script>
</html>

 

 

这个是少了包了么?

加载中
返回顶部
顶部