Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqueryexcel类过滤器插件_Javascript_Jquery_Plugins - Fatal编程技术网

Javascript jqueryexcel类过滤器插件

Javascript jqueryexcel类过滤器插件,javascript,jquery,plugins,Javascript,Jquery,Plugins,我正在尝试对我的动态表进行类似excel的筛选。我正在使用这个jquery插件。我之所以使用它,是因为它类似于excel过滤器 我在html编码的非动态表上试用过,一切都很好。但当我试图实现从数据库(php,MSSQL)加载时,它给出了这样的结果 tds[selectedLists[j].列]未定义 此特定函数中存在错误: FilterCollection.prototype.updateRowVisibility = function (filterMenus, rows, ths) {

我正在尝试对我的动态表进行类似excel的筛选。我正在使用这个
jquery插件
。我之所以使用它,是因为它类似于excel过滤器

我在html编码的非动态表上试用过,一切都很好。但当我试图实现从数据库
(php,MSSQL)
加载时,它给出了这样的结果

tds[selectedLists[j].列]未定义

此特定函数中存在错误:

FilterCollection.prototype.updateRowVisibility = function (filterMenus, rows, ths) {
    var showRows = rows;
    var hideRows = [];
    var selectedLists = filterMenus.map(function (filterMenu) {
        return {
            column: filterMenu.column,
            selected: filterMenu.inputs.filter(function (input) {
                return input.checked;
            }).map(function (input) {
                return input.value.trim().replace(/ +(?= )/g, '');
            })
        };
    });
    for (var i = 0; i < rows.length; i++) {
        var tds = rows[i].children;
        for (var j = 0; j < selectedLists.length; j++) {
            var content = tds[selectedLists[j].column].innerText.trim().replace(/ +(?= )/g, '');
            if (selectedLists[j].selected.indexOf(content) === -1) {
                $(rows[i]).hide();
                break;
            }
            $(rows[i]).show();
        }
    }
};
FilterCollection.prototype.updateRowVisibility=函数(FilterMinus,rows,ths){
var showRows=行;
var hideRows=[];
var selectedLists=filterMenus.map(函数(filterMenu)){
返回{
列:filterMenu.column,
选中:filterMenu.inputs.filter(功能(输入){
返回input.checked;
}).map(函数(输入){
返回input.value.trim();
})
};
});
对于(变量i=0;i

有人知道为什么会发生这种情况,以及如何纠正它吗。

您不需要jquery进行筛选,下面是一个示例:

函数myFunction(){
//声明变量
var输入、过滤器、表格、tr、td、i;
输入=document.getElementById(“myInput”);
filter=input.value.toUpperCase();
table=document.getElementById(“myTable”);
tr=table.getElementsByTagName(“tr”);
//循环遍历所有表行,并隐藏与搜索查询不匹配的行
对于(i=0;i-1){
tr[i].style.display=“”;
}否则{
tr[i].style.display=“无”;
}
}
}
}
#我的输入{
背景图片:url('/css/searchicon.png');
/*将搜索图标添加到输入*/
背景位置:10px 12px;
/*定位搜索图标*/
背景重复:无重复;
/*不要重复图标图像*/
宽度:100%;
/*全宽*/
字体大小:16px;
/*增加字体大小*/
填充:12px 20px 12px 40px;
/*添加一些填充物*/
边框:1px实心#ddd;
/*添加灰色边框*/
边缘底部:12px;
/*在输入下方添加一些空格*/
}
#我的桌子{
边界塌陷:塌陷;
/*塌陷边界*/
宽度:100%;
/*全宽*/
边框:1px实心#ddd;
/*添加灰色边框*/
字号:18px;
/*增加字体大小*/
}
#MYTH表,
#myTable td{
文本对齐:左对齐;
/*左对齐文本*/
填充:12px;
/*添加填充物*/
}
#myTable tr{
/*向所有表行添加底部边框*/
边框底部:1px实心#ddd;
}
#myTable tr.header,
#myTable tr:悬停{
/*将灰色背景色添加到表格标题并悬停*/
背景色:#f1f1;
}

名称
国家
阿尔弗雷德·福特基斯特
德国
伯格伦兹蛇
瑞典
岛屿贸易
英国
科尼格利希·埃森
德国

实际上,我需要这个jquery插件,因为过滤器需要尽可能像excel一样,这就是我使用这个插件的原因。现在可以使用新的更新了。我把它用于我所有的项目