如何在Listview中使用bootstrap数据表？ [英] How can I use bootstrap datatable in Listview?
本文介绍了如何在Listview中使用bootstrap数据表？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
您好！
我有数据表JQuery的问题，我需要在母版页上使用和引导jquery库，并且数据库库将用于< Table>使其在listview中可以排序和搜索到default.aspx
所有的jquery文件都是最新的。
主页
Hello!
I have problem with datatable JQuery, i need to use and bootstrap jquery library on master page, and datatable library will be used for <Table> to make it sortable and searchable in listview on default.aspx
all jquery files are up do date.
master page
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat ="server" >
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>inQ</title>
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<!--other codes here-->
<!-- BOOTSTRAP SCRIPTS -->
<script src="js/bootstrap.js"></script>
<!-- below section used for dialog -->
<script src="Scripts/jquery-ui.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-effects-1.8.4.0.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui.js" type="text/javascript"></script>
<script src="js/dialog.js"></script>
</body>
</html>
默认页面
default page
<script src="js/jquery.js"></script>
<script src="js/dataTables/jquery.dataTables.js"></script>
<script src="js/dataTables/dataTables.bootstrap.js"> </script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
var table = $('#itemPlaceHolderContainer').dataTable({
"processing": true,
"serverSide": true,
"ajax": "../server_side/scripts/server_processing.php"
});
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:ListView ID="ListView1" runat="server" >
<LayoutTemplate >
<table id="itemPlaceHolderContainer" runat="server">
<thead>
<tr runat="server" id="headerRow">
<th>Qustion</th>
<th>Duration (days)</th>
<th>Done By</th>
<th>Category</th>
</tr>
</thead>
<tbody>
<tr runat="server" id="itemPlaceHolder"/>
</tbody>
</table>
</LayoutTemplate>
<ItemTemplate>
<tr>
<td><%#Eval("Qustion") %></td>
<td><%#Eval("Duration") %></td>
<td><%#Eval("Name") %></td>
<td><%#Eval("Category") %></td>
</tr>
</ItemTemplate>
</asp:ListView>
</asp:Content>
当我运行此代码时，我得到这个错误：无法获取未定义或空引用的属性'默认值'
并且表格未按我的意愿更改..
谢谢。
when i run this code, i get this "Error: Unable to get property 'defaults' of undefined or null reference"
and the table not changed as i want..
Thanks.
推荐答案
（ document ）。ready（ function （）{
var table =
(document).ready(function () { var table =
（' ＃itemPlaceHolderContainer'）。dataTable（{
processing ： true ，
serverSide： true ，
ajax： ../ server_side / scripts / server_processing.php
}）;
}）;
< / script >
< / asp：Content >
< asp：内容 ID = Content2 ContentPlaceHolderID = ContentPlaceHolder1 Runat = 服务器 >
< asp：ListView ID = ListView1 runat = server >
< LayoutTemplate >
< 表 id = itemPlaceHolderContainer runat = server >
< thead >
< tr runat = 服务器 id = headerRow >
< th > QUS < / th >
< th > 持续时间（天）< / th >
< th > 完成< / th >
< th > 类别< / th >
< / tr >
< / thead >
< tbody >
< tr runat = server id = itemPlaceHolder / >
< / tbody >
< / table >
< / LayoutTemplate >
< ItemTemplate >
< tr>
< td > <％ #Eval（ Qustion）％> < / td >
< td > <％ #Eval（ 持续时间）％> < / td >
< TD> <％ #Eval（ 名称）％> < / td >
< td > <％ #Eval（ 类别）％> < / td >
< / tr >
< / ItemT emplate >
< / asp：ListView >
< / asp：Content >
('#itemPlaceHolderContainer').dataTable({ "processing": true, "serverSide": true, "ajax": "../server_side/scripts/server_processing.php" }); }); </script> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <asp:ListView ID="ListView1" runat="server" > <LayoutTemplate > <table id="itemPlaceHolderContainer" runat="server"> <thead> <tr runat="server" id="headerRow"> <th>Qustion</th> <th>Duration (days)</th> <th>Done By</th> <th>Category</th> </tr> </thead> <tbody> <tr runat="server" id="itemPlaceHolder"/> </tbody> </table> </LayoutTemplate> <ItemTemplate> <tr> <td><%#Eval("Qustion") %></td> <td><%#Eval("Duration") %></td> <td><%#Eval("Name") %></td> <td><%#Eval("Category") %></td> </tr> </ItemTemplate> </asp:ListView> </asp:Content>
当我运行此代码时，我得到这个错误：无法获取未定义或空引用的属性'默认值'
并且表格未按我的意愿更改..
谢谢。
when i run this code, i get this "Error: Unable to get property 'defaults' of undefined or null reference"
and the table not changed as i want..
Thanks.
2个月与这些东西挣扎，终于完成了
1st - 按此顺序导入的JQuery文件
2 months struggling with these stuff, finally it's done
1st - imported JQuery files in this order
<script src="js/jquery.js"></script>
<script src="js/dataTables/jquery.dataTables.js"></script>
<script src="js/dataTables/dataTables.bootstrap.js"></script>
2nd - called
2nd - called
dataTable(); function
function
<script type="text/javascript" charset="utf-8">这篇关于如何在Listview中使用bootstrap数据表？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
