Jquery plugins 带有数据表的特定列筛选器 //初始化代码 $(文档).ready(函数(){ $('#示例')。数据表({ “sPaginationType”:“完整编号”, } ); } ); var asInitVals=新数组(); $(文档).ready(函数(){ $(“tfoot输入”)。每个(函数(i){ asInitVals[i]=该值; } ); $(“tfoot输入”).focus(函数(){ if(this.className==“search\u init”) { this.className=“”; 此值为“”; } } ); $(“tfoot输入”).blur(函数(i){ 如果(this.value==“”) { this.className=“search\u init”; this.value=asInitVals[$(“tfoot输入”).index(this)]; } } ); 变量oTable=$('.exam')。数据表({ “语言”:{ “搜索”:“搜索所有列:” }, “bStateSave”:正确, “fnInitComplete”:函数(){ var oSettings=$('.exam').dataTable().fnSettings(); 对于(var i=0;i0){ $(“tfoot输入”)[i].value=oSettings.aoPreSearchCols[i].sSearch; $(“tfoot输入”)[i].className=“”; } } } } ); $(“tfoot输入”).keyup(函数(){ /*筛选此元素的列(索引)*/ oTable.fnFilter(this.value,$(“tfoot输入”).index(this)); } ); } );
我是jquery编程新手。在浏览器中查看表格时,我看到错误: 数据表警告(表id=‘示例’):无法重新初始化数据 桌子要检索此表的数据表对象,请传递no 参数或查看bRetrieve和bDestroy的文档Jquery plugins 带有数据表的特定列筛选器 //初始化代码 $(文档).ready(函数(){ $('#示例')。数据表({ “sPaginationType”:“完整编号”, } ); } ); var asInitVals=新数组(); $(文档).ready(函数(){ $(“tfoot输入”)。每个(函数(i){ asInitVals[i]=该值; } ); $(“tfoot输入”).focus(函数(){ if(this.className==“search\u init”) { this.className=“”; 此值为“”; } } ); $(“tfoot输入”).blur(函数(i){ 如果(this.value==“”) { this.className=“search\u init”; this.value=asInitVals[$(“tfoot输入”).index(this)]; } } ); 变量oTable=$('.exam')。数据表({ “语言”:{ “搜索”:“搜索所有列:” }, “bStateSave”:正确, “fnInitComplete”:函数(){ var oSettings=$('.exam').dataTable().fnSettings(); 对于(var i=0;i0){ $(“tfoot输入”)[i].value=oSettings.aoPreSearchCols[i].sSearch; $(“tfoot输入”)[i].className=“”; } } } } ); $(“tfoot输入”).keyup(函数(){ /*筛选此元素的列(索引)*/ oTable.fnFilter(this.value,$(“tfoot输入”).index(this)); } ); } );,jquery-plugins,datatables,Jquery Plugins,Datatables,我是jquery编程新手。在浏览器中查看表格时,我看到错误: 数据表警告(表id=‘示例’):无法重新初始化数据 桌子要检索此表的数据表对象,请传递no 参数或查看bRetrieve和bDestroy的文档 如何解决此问题???您正在尝试两次初始化同一个表。首先你在跑步 <script type="text/javascript" charset="utf-8"> //initialisation code $(document).ready(function() {
如何解决此问题???您正在尝试两次初始化同一个表。首先你在跑步
<script type="text/javascript" charset="utf-8">
//initialisation code
$(document).ready(function() {
$('#example').dataTable( {
"sPaginationType": "full_numbers",
} );
} );
var asInitVals = new Array();
$(document).ready(function() {
$("tfoot input").each( function (i) {
asInitVals[i] = this.value;
} );
$("tfoot input").focus( function () {
if ( this.className == "search_init" )
{
this.className = "";
this.value = "";
}
} );
$("tfoot input").blur( function (i) {
if ( this.value == "" )
{
this.className = "search_init";
this.value = asInitVals[$("tfoot input").index(this)];
}
} );
var oTable = $('.exam').dataTable( {
"oLanguage": {
"sSearch": "Search all columns:"
},
"bStateSave": true,
"fnInitComplete": function() {
var oSettings = $('.exam').dataTable().fnSettings();
for ( var i=0 ; i<oSettings.aoPreSearchCols.length ; i++ ){
if(oSettings.aoPreSearchCols[i].sSearch.length>0){
$("tfoot input")[i].value = oSettings.aoPreSearchCols[i].sSearch;
$("tfoot input")[i].className = "";
}
}
}
} );
$("tfoot input").keyup( function () {
/* Filter on the column (the index) of this element */
oTable.fnFilter( this.value, $("tfoot input").index(this) );
} );
} );
</script>
</head>
<body>
<table id="example" class = "exam" width="100%" border="1" cellpadding="0" cellspacing="0" class="pretty" align="center">
它正在尝试使用示例的ID初始化表上的datatables。然后在此处再次尝试初始化它:
$(document).ready(function() {
$('#example').dataTable( {
"sPaginationType": "full_numbers",
} );
} );
var-oTable=$('.exam')。数据表({
“语言”:{
“搜索”:“搜索所有列:”
},
“bStateSave”:正确,
“fnInitComplete”:函数(){
var oSettings=$('.exam').dataTable().fnSettings();
对于(var i=0;i0){
$(“tfoot输入”)[i].value=oSettings.aoPreSearchCols[i].sSearch;
$(“tfoot输入”)[i].className=“”;
}
}
}
} );
在这里,您正在初始化一个带有考试类的表。在本例中,包含课堂考试的表和示例ID是同一个表。错误基本上是说,嘿,我已经初始化了这个表一次,我不能再初始化了
删除第一块代码,它将解决您的问题
var oTable = $('.exam').dataTable( {
"oLanguage": {
"sSearch": "Search all columns:"
},
"bStateSave": true,
"fnInitComplete": function() {
var oSettings = $('.exam').dataTable().fnSettings();
for ( var i=0 ; i<oSettings.aoPreSearchCols.length ; i++ ){
if(oSettings.aoPreSearchCols[i].sSearch.length>0){
$("tfoot input")[i].value = oSettings.aoPreSearchCols[i].sSearch;
$("tfoot input")[i].className = "";
}
}
}
} );