bootstrap引入bootstrap-table.js报错

xiaoxiaohyg
  • 70

这是什么原因
图片描述

代码如下
<link href="~/Script/bootstrap/css/bootstrap.css" rel="stylesheet" />

<link href="~/Script/bootstrap/css/bootstrap-table.css" rel="stylesheet" />
<link href="~/Script/EasyUI/themes/default/easyui.css" rel="stylesheet" />
<link href="~/Script/EasyUI/themes/icon.css" rel="stylesheet" />
<link href="~/Style/timeline.css" rel="stylesheet" />
<script src="~/Script/Common/jquery-3.3.1.min.js"></script>

<script type="text/javascript" src="~/Script/bootstrap/js/bootstrap.min.js"></script>
@*3、bootstrap table组件以及中文包的引用*@
<script src="~/Script/bootstrap/js/bootstrap-table.js"></script>
<script src="~/Script/bootstrap/js/bootstrap-table-zh-CN.js"></script>

**html代码如下**
<fieldset>
   <legend>项目授权信息</legend>                    
   <table class="table table-hover" data-toggle="table" id="powerTable"></table>
</fieldset>

$(document).ready(function () {
    //调用函数,初始化表格
    initTable();
});
function initTable() {
    $('#powerTable').bootstrapTable({
        url: "/Project/Project/GetPowerList", // 获取表格数据的url
        toolbar: '#toolbar',
        cache: false, // 设置为 false 禁用 AJAX 数据缓存, 默认为true
        striped: true,  //表格显示条纹,默认为false
        sidePagination: "server", //表示服务端请求
        queryParams: { PROJECTID: $("#ID").val() },
        sortName: 'ADDTIME', // 要排序的字段
        sortOrder: 'desc', // 排序规则
        columns: [
            {
                checkbox: true, // 显示一个勾选框
                align: 'center' // 居中显示
            }, {
                field: 'ID', // 返回json数据中的name
                visible: false //不显示
            }, {
                field: 'USERID', // 返回json数据中的name
                title: '编号', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle' // 上下居中
            }, {
                field: 'POWER',
                title: '所有权限',
                align: 'center',
                valign: 'middle',
                formatter: function (value, row, index) { // 单元格格式化函数

                }
            }, {
                field: 'ADDTIME',
                title: '计算方式',
                align: 'center',
                valign: 'middle',
                formatter: function (value, row, index) { // 单元格格式化函数

                }
            }, {
                title: "操作",
                align: 'center',
                valign: 'middle',
                width: 160, // 定义列的宽度,单位为像素px
                formatter: function (value, row, index) {
                    return '<button class="btn btn-primary btn-sm" onclick="del(\'' + row.stdId + '\')">删除</button>';
                }
            }
        ],
        onLoadSuccess: function () {  //加载成功时执行
            console.info("加载成功");
        },
        onLoadError: function () {  //加载失败时执行
            console.info("加载数据失败");
        }

    });
}
            
            
            
            
回复
阅读 3.2k
2 个回答

问题解决, 把进入的bootstrap-table.js顺序放到bootstrap-min.js前面

用cdn引入试试,感觉像是路径有问题

你知道吗?

宣传栏