format格式化问题

你好，对于列上绑定format可以格式化当前列的信息，但是可能存在一行为一种格式（例如一行都是时间日期格式yyyy-MM-dd hh:ss）,那么，请问在页面上如何渲染当前行的格式为所需格式

1、 我用过formatItem的

1.         var fmt='yyyy-MM-dd hh:ss';
   
2.         e.cell.innerHTML=wijmo.Globalize.format(s.rows[e.row].dataItem.Time, fmt)
   

复制代码

但是这只是浅层次的改变，在触发编辑时依然会是默认的日期格式（yyyy-MM-dd）

您好，format配置的维度都是列上的，如果想在不同行的同一列显示不同的格式，可以直接将数据源修改为string格式。

KevinChen 发表于 2020-6-3 13:54
您好，format配置的维度都是列上的，如果想在不同行的同一列显示不同的格式，可以直接将数据源修改为string ...

我尝试了直接更改数据源为yy-MM-dd hh:ss 格式，页面的确可以正常显示，但是在我进行编辑之后页面又恢复默认的yyyy/MM/dd 格式

你好，请参考这个示例：

https://demo.grapecity.com.cn/wi ... nding/Basics/purejs

将以下代码完整替换掉app.js即可看到效果：

1. import 'bootstrap.css';
   
2. import '@grapecity/wijmo.styles/wijmo.css';
   
3. import { SortDescription, format } from '@grapecity/wijmo';
   
4. import { FlexGrid } from '@grapecity/wijmo.grid';
   
5. document.readyState === 'complete' ? init() : window.onload = init;
   
6. function init() {
   
7.     // create some random data
   
8.     var countries = 'US,Germany,UK,Japan,Italy,Greece'.split(',');
   
9.     var data = [];
   
10.     for (var i = 0; i < countries.length; i++) {
    
11.         data.push({
    
12.             id: i,
    
13.             country: "20-06-03 15:27",
    
14.             sales: '20-06-03 15:27',
    
15.             expenses: '20-06-03 15:27'
    
16.         });
    
17.     }
    
18.     // bind a grid to the raw data
    
19.     var theGrid = new FlexGrid('#theGrid', {
    
20.         allowSorting: false,
    
21.         showSort: false,
    
22.         autoGenerateColumns: false,
    
23.         columns: [
    
24.             { binding: 'country', header: 'Country', width: '2*' },
    
25.             { binding: 'sales', header: 'Sales', width: '*'},
    
26.             { binding: 'expenses', header: 'Expenses', width: '*'}
    
27.         ],
    
28.         itemsSource: data
    
29.     });
    
30.     // show the current item
    
31.     var selItemElement = document.getElementById('selectedItem');
    
32.     function updateCurrentInfo() {
    
33.         selItemElement.innerHTML = format('Country: <b>{country}</b>, Sales: <b>{sales:c0}</b> Expenses: <b>{expenses:c0}</b>', theGrid.collectionView.currentItem);
    
34.     }
    
35.     // update current item now and when the grid selection changes
    
36.     updateCurrentInfo();
    
37.     theGrid.collectionView.currentChanged.addHandler(updateCurrentInfo);
    
38.     // sort the data by country
    
39.     var sd = new SortDescription('country', true);
    
40.     theGrid.collectionView.sortDescriptions.push(sd);
    
41. }
    

复制代码

KevinChen发表于2020-6-3 15:28
你好，请参考这个示例：

https： //demo.grapecity.com.cn/wijmo/demos/Grid/Data-binding/Basics/purejs
...

我可能没有描述清楚，因为是对于行上的，所以不能绑定列的format格式

第二张截图中用到的是自定义编辑器，自定义编辑器的样式设置的是编辑时样式，但回填时还是date类型，回填逻辑如图：



在这里给FlexGrid的单元格设置一个格式化后的字符串即可，也可以根据自己的业务逻辑加一些判断，灵活处理。

如果仍然无法解决问题，请提供一个能重现问题的可运行的Demo。

我按照您所说的改了一下，发现还有两个问题：

1. if (saveEdits) {
   
2.                 if (!wijmo.isUndefined(ctl['value'])) {
   
3.                      var c=wijmo.Globalize.format(ctl['value'], "p4");//我想设置p4的格式
   
4.                      console.log(c)  //这里也打印出“2.3400%”
   
5.                     this._grid.setCellData(this._rng.row, this._rng.col, c); //设置后页面也没改变，并且页面值变成了0.02  下次触发编辑时值依然是2.0000%
   
6.                 }
   
7.                 else if (!wijmo.isUndefined(ctl['text'])) {
   
8.                     this._grid.setCellData(this._rng.row, this._rng.col, ctl['text']);
   
9.                 }
   
10.                 else {
    
11.                     throw 'Can\'t get editor value/text...';
    
12.                 }
    
13.                 this._grid.invalidate();
    
14.             }

复制代码

  

您好，请提供完整的Demo，我在您的Demo上调试解决

KevinChen 发表于 2020-6-5 10:58
您好，请提供完整的Demo，我在您的Demo上调试解决

请查阅