登录/注册

首页 › WijmoJS专区 › 求助中心 › 查看内容

6 主题	11 帖子	45 积分

积分: 45

2127
金币
6
主题
11
帖子

最新发帖

[已处理] 关于wijmo清除筛选条件的问题

zx0730
注册会员 / 发表于：2020-11-11 11:14 / 查看：4153 / 回复：5

请问一下，我用ajax返回新的数据源想在表格中显示，因为更换了数据源，所有我想清除掉原来表格中数据源的所有筛选条件，有什么方法吗

收藏

回复

5 个回复

倒序浏览

KevinChen
论坛元老 / 发表于：2020-11-11 11:25:42 沙发

您好，wijmo的筛选是在数据源中定义的，只需要给filter的回调设置返回true即可，参考示例：
https://demo.grapecity.com.cn/wi ... ing/Overview/purejs

回复 使用道具举报

zx0730
注册会员 / 发表于：2020-11-11 13:28:24 板凳

但是表头里的筛选按钮有办法重置吗？我看还是会有筛选条件，虽然表格里的数据是不筛选了

回复 使用道具举报

KevinChen
论坛元老 / 发表于：2020-11-11 15:57:45 地板

您好，Grid本身带的筛选器，可以调用筛选器的clear方法来清空筛选设置，参考API：
https://demo.grapecity.com.cn/wi ... idfilter.html#clear

示例如下：

1、app.js

import 'bootstrap.css';
import '@grapecity/wijmo.styles/wijmo.css';
import './styles.css';
import * as wjGrid from '@grapecity/wijmo.grid';
import * as wjGridFilter from '@grapecity/wijmo.grid.filter';
//
document.readyState === 'complete' ? init() : window.onload = init;
//
function init() {
//
// generate some random data
var countries = 'US,Germany,UK,Japan,Italy,Greece'.split(','), data = [];
for (var i = 0; i < 2000; i++) {
data.push({
id: i,
country: countries[i % countries.length],
downloads: Math.round(Math.random() * 20000),
sales: Math.random() * 10000,
expenses: Math.random() * 5000,
});
}
//
// FlexGridFilter client-side filtering
var theGrid = new wjGrid.FlexGrid('#theGrid', {
itemsSource: data,
});
var filter = new wjGridFilter.FlexGridFilter(theGrid);
document.getElementById("btn").addEventListener("click",function(){
filter.clear();
});
}

复制代码

2、inde.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>GrapeCity Wijmo FlexGrid Excel-like Filter</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="systemjs.config.js"></script>
<script>
System.import('./src/app');
</script>
</head>
<body>
<button id="btn">按钮</button>
<div class="container-fluid">
<div id="theGrid">
</div>
</div>
</body>
</html>

复制代码

测试地址：
https://demo.grapecity.com.cn/wi ... ter/Overview/purejs

回复 使用道具举报

zx0730
注册会员 / 发表于：2020-11-11 16:06:34 5^#

KevinChen 发表于 2020-11-11 15:57
您好，Grid本身带的筛选器，可以调用筛选器的clear方法来清空筛选设置，参考API：
https://demo.grapecity ...

好的已解决感谢

回复 使用道具举报

KevinChen
论坛元老 / 发表于：2020-11-11 17:00:25 6^#

不客气，感谢反馈，本贴结帖了，有新的问题欢迎发新帖交流~

回复 使用道具举报