内置过滤的显示问题

登录

你好大神，在表格内置过滤的使用上我发现存在一个对应映射值显示问题，在当前列的单元格内容映射中，我i以通过formatItem映射子表的text内容显示在表格中，可是当我点击过滤器进行过滤的时候却发现显示的时对应绑定的value值

wss. · wss.

补充一下，运用dataMap就是好的，但是应用formatItem去对应显示就会有这样的问题，之前因为存在多个值映射的情况我发帖问过，当时是说运用formatItem进行自定义方法显示，但是运用了formatItem就会出现上述的问题

KevinChen · KevinChen

你好，这个问题需要一些时间来调研，明天下午18点前可以回复。

KevinChen · KevinChen

你好，这个问题实际上是由于数据源的toString 方法没有正常重写导致的，
加上toString后，不仅过滤，排序也是正常的。

参考附件的示例，关键代码如下：

var productsString = function(){
return this.name;
}
var products = [
{ id: 0, name: 'Widget', unitPrice: 23.43, toString:productsString },
{ id: 1, name: 'Gadget', unitPrice: 12.33, toString:productsString },
{ id: 2, name: 'Doohickey', unitPrice: 53.07, toString:productsString }
];

复制代码

wss. · wss.

KevinChen 发表于 2020-4-16 15:50
你好，这个问题实际上是由于数据源的toString 方法没有正常重写导致的，
加上toString后，不仅过滤，排序 ...

你好，我在页面上对于功能需求上对应做了处理，也就是说
1、每个值都有对应绑定的value值，通过这些值去寻找子表的对应text值
2、根据你的代码时直接把子表的数据放在单元格绑定上，但是可能会有对应单元格取值进行别的操作，所以这里值需要是一个对应绑定关系
我在你的demo上进行了一些更改，发现还是存在问题

for (var i = 0; i < 3; i++) {
data.push({
id: i,
date: new Date(dt.getFullYear(), i % 12, 25, i % 24, i % 60, i % 60),
time: new Date(dt.getFullYear(), i % 12, 25, i % 24, i % 60, i % 60),
country: countries[Math.floor(Math.random() * countries.length)],
product:"0,1", //这里会是单一值的value或者多个值的value
amount: Math.random() * 10000 - 5000,
discount: Math.random() / 4
});
}

复制代码

theGrid.formatItem.addHandler(function (s, e) {
// custom rendering for "Diff" columns
if (e.panel == s.cells) {
var col = s.columns[e.col];
if (col.binding == 'product') {
var productItem = s.getCellData(e.row, e.col);
var eCel = productItem.split(",");
var eCelItem=[]
$.each(eCel, function(i, item){
$.each(products, function(t, items){
if(item==items.id){
eCelItem.push(items.name)
}
})
});
e.cell.innerHTML = eCelItem.toString()
// e.cell.innerHTML = productItem.name;
}
}
});

复制代码

KevinChen · KevinChen

你好，你这里实际上是一个多对一，也就是多选的需求，用DataMap这个实在无法实现，

自定义的MultiSelect应该是可以实现的，但需要一些时间来编码，我下午18:00前可以回复你。

KevinChen · KevinChen

参考附件示例。关键代码：

		自动登录	找回密码
密码			立即注册

[已处理] 内置过滤的显示问题

本帖子中包含更多资源

6 个回复

本帖子中包含更多资源

本帖子中包含更多资源

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证

微信认证勋章