读取 Column Layout 后，无法更新 binding 值

收藏

我们正在使用 Column Layout 后，发现当我们读取 Column Layout 的值后，无法更新 binding 值。
相关的演示见：http://demos.wijmo.com/5/Angular ... #/grid/columnLayout

重现 Bug 步骤：

1. 将 Country Id 移动到某一栏
2. 点击 Save Column Layout
3. 再点击 Load Column Layout

结果：Country Id 显示为 0，1，2，3，4，5

这次 Bug 对于我们来说优先级比较高，请告之我们如何修改 Wijmo 代码来实现。

JeffryLI · JeffryLI

您好，问题我重现了，我尽快帮您处理，由于与研发沟通有时差，具体结果需要等到明天，请知悉，谢谢您。

ladohp · ladohp

JeffryLI 发表于 2018-5-29 10:03
您好，问题我重现了，我尽快帮您处理，由于与研发沟通有时差，具体结果需要等到明天，请知悉，谢谢您。

这边有什么 update 吗？

JeffryLI · JeffryLI

您好，在您重新loadlayout的时候我们需要重新对数据进行映射，请参考代码

$scope.loadColumnLayout = function () {
debugger
if (localStorage) {
if (!localStorage['columns']) {
alert('Please save a layout first...');
} else {
debugger
var flex = $scope.ctx.flex;
flex.columnLayout = localStorage['columns'];
var colCountry = flex.columns.getColumn('countryId');
var colProduct = flex.columns.getColumn('productId');
var colColor = flex.columns.getColumn('colorId');
if (colCountry && colProduct && colColor) {
if ($scope.ctx.dataMaps == true) {
colCountry.showDropDown = true; // show drop-down for countries
colProduct.showDropDown = false; // don't show it for products
colColor.showDropDown = false; // or colors (just to show how)
colCountry.dataMap = buildDataMap(dataSvc.getCountries());
colProduct.dataMap = buildDataMap(dataSvc.getProducts());
colColor.dataMap = buildDataMap(dataSvc.getColors());
} else {
colCountry.dataMap = null;
colProduct.dataMap = null;
colColor.dataMap = null;
}
}
console.log('** Loaded layout: ' + flex.columnLayout);
}
}
}

复制代码

希望能帮到您。

ladohp · ladohp

本帖最后由 ladohp 于 2018-5-30 09:55 编辑

JeffryLI 发表于 2018-5-30 09:40
您好，在您重新loadlayout的时候我们需要重新对数据进行映射，请参考代码

希望能帮到您。

Hi,

我们这使用的是 Angular 2，代码上也是相似的吗？
我们的表格是通用的，不能重新触发原先的更新 binding 的方法吗？

JeffryLI · JeffryLI

您好，这块不会触发双向绑定的，所以需要重新绑定一次，希望能帮到您。

ladohp · ladohp

JeffryLI 发表于 2018-5-30 10:06
您好，这块不会触发双向绑定的，所以需要重新绑定一次，希望能帮到您。

那，能提供一个 Angular 2 的相关更新示例吗？我发现 Angular.js 里面的方法和 Angular 2 是不一样的。比如 buildDataMap 是没有的。

JeffryLI · JeffryLI

您好，请参照

loadColumnLayout() {
if (localStorage) {
if (!localStorage['columns']) {
alert('Please save a layout first...');
} else {
this.flex.columnLayout = localStorage['columns'];
var colCountry = this.flex.columns.getColumn('countryId');
var colProduct = this.flex.columns.getColumn('productId');
var colColor = this.flex.columns.getColumn('colorId');
if (colCountry && colProduct && colColor) {
if (this.dataMaps == true) {
colCountry.showDropDown = true; // show drop-down for countries
colProduct.showDropDown = false; // don't show it for products
colColor.showDropDown = false; // or colors (just to show how)
colCountry.dataMap = this._buildDataMap(this.dataSvc.getSomeCountries());
colProduct.dataMap = this._buildDataMap(this.dataSvc.getProducts());
colColor.dataMap = this._buildDataMap(this.dataSvc.getColors());
} else {
colCountry.dataMap = null;
colProduct.dataMap = null;
colColor.dataMap = null;
}
}
console.log('** Loaded layout: ' + this.flex.columnLayout);
}
}
}

复制代码

public _buildDataMap(items): wjcGrid.DataMap {
var map = [];
for (var i = 0; i < items.length; i++) {
map.push({ key: i, value: items[i] });
}
return new wjcGrid.DataMap(map, 'key', 'value');
}

复制代码

该例子是基于ts写的，js请参照，您说的buildDataMap是自己写的。
具体在您的安装下面的sample 有相应的示例。

ladohp · ladohp

JeffryLI 发表于 2018-5-30 11:22
您好，请参照

感谢，已经解决了~

JeffryLI · JeffryLI

不客气，应该的。

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

读取 Column Layout 后，无法更新 binding 值

9 个回复

微信认证勋章

元老葡萄