Bootstrap Table

Bootstrap Table

本文关键字：Table Bootstrap      更新时间：2023-09-26

我正在尝试测试从cdn加载引导表的引导表。这是我的Jasmine测试的夹具文件

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
<script src="<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/bootstrap-table.js"  type="text/javascript"></script>
"  type="text/javascript"></script>
</head>
<body>
<table id="Table" class ="hidden">
    <thead>
        <tr>
            <th data-field="foo">foo</th>
            <th data-field="foo1">foo1</th>
        </tr>
        </thead>
</table>
    <script type="text/javascript">
    var foo = [ 
                                       {"foo" : "foo",
                                                "foo1 : 3   } ];
</script>
<script type="text/javascript" src="src/main/webapp/javascript/foodata.js"></script>

我正试着让Jasmine测试一下这张桌子。这是我的js文件：

/***使用foo数据和分页调用BootStrap表*/

    $(function(){
    var table= $('#Table').bootstrapTable({
    data : foo,
    pagination: true,
    pageList: [10, 25, 50, 100]
    });
    table.removeClass('hidden');
    });

当我尝试运行规范时，它显示XMLHTTP错误。如果我使用bootstrap tale js文件，它会完美加载。但当我使用CDN作为引导表时，它并没有。有什么方法可以在fixture中使用CDN吗？

您在代码上有一些错误，在包括引导表的脚本标记中，您还应该包含jquery以使其工作。此外，您在名为foo的变量中也出现了一些错误。

$(function(){
    var table= $('#Table').bootstrapTable({
    data : foo,
    pagination: true,
    pageList: [10, 25, 50, 100]
    });
    table.removeClass('hidden');
    });
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/bootstrap-table.js"  type="text/javascript"></script>
</head>
<body>
<table id="Table" class ="hidden">
    <thead>
        <tr>
            <th data-field="foo">foo</th>
            <th data-field="foo1">foo1</th>
        </tr>
        </thead>
</table>
    <script type="text/javascript">
    var foo = [ {"foo" : "foo","foo1" : 3   } ];
</script>

相关文章：