Wijimo显示内容换行

现在我们后台传给前台的是“XXXXX/nBBBBB”,在wijimo表单gird的单元格，如何让他换行？
目前只查到有自动换行，但是自动换行是控制宽度显示不下才换行，我们需要手动控制换行，请问需要做什么样的处理?

你好，这需要把\n替换为<br>，参考代码：

1. $(document).ready(function () {
   
2.     var gridElement = $("#theGrid");
   
3.     gridElement.height($(document).height() - 50);
   
4.     gridElement.width($(document).width() - 5);
   
5. 
   
6.     var testStr = $("#testString").text();
   
7. 
   
8.     // create some random data
   
9.     data = [];
   
10.     for (var i = 0; i < 10; i++) {
    
11.         data.push({
    
12.             country: 'Ramdom....',
    
13.             downloads: testStr,
    
14.             sales: Math.random() * 10000,
    
15.             expenses: Math.random() * 5000,
    
16.             expenses2: Math.random() * 5000,
    
17.             expenses3: Math.random() * 5000,
    
18.             expenses4: Math.random() * 5000,
    
19.             expenses5: new Date(),
    
20.         });
    
21.     }
    
22. 
    
23.     // create CollectionView on the data (to get events)
    
24.     var view = new wijmo.collections.CollectionView(data);
    
25. 
    
26.     // initialize the grid
    
27.     var grid = new wijmo.grid.FlexGrid('#theGrid', {
    
28.         itemsSource: view,
    
29.         selectionMode: wijmo.grid.SelectionMode.Cell,
    
30.         allowAddNew: true,
    
31.         allowDelete: true,
    
32.         autoSizeMode: wijmo.grid.AutoSizeMode.Both
    
33.     });
    
34.     var downloadsColumn = grid.columns.getColumn("downloads");
    
35.     downloadsColumn.wordWrap = true;
    
36.     downloadsColumn.isContentHtml = true;
    
37. 
    
38.     grid.autoSizeRows(0, grid.rows.length, false, 40);
    
39. 
    
40.     grid.itemFormatter = function (panel, r, c, cell) {
    
41.         //check for column
    
42.         if (c == 1) {
    
43.                        //get the data
    
44.             var data = panel.getCellData(r, c);
    
45.             //replace \n with <br/> tags
    
46.             var formattedData = data.replace(/\n/g, '<br/>');
    
47.             //set the formatted data
    
48.             panel.setCellData(r, c, formattedData);
    
49.            
    
50.         }
    
51.          setTimeout(grid.invalidate(), 1);
    
52.         grid.autoSizrR
    
53.     }
    
54. });

复制代码

关键代码：

1. grid.itemFormatter = function (panel, r, c, cell) {
   
2.         //check for column
   
3.         if (c == 1) {
   
4.                        //get the data
   
5.             var data = panel.getCellData(r, c);
   
6.             //replace \n with <br/> tags
   
7.             var formattedData = data.replace(/\n/g, '<br/>');
   
8.             //set the formatted data
   
9.             panel.setCellData(r, c, formattedData);
   
10.            
    
11.         }
    
12.          setTimeout(grid.invalidate(), 1);
    
13.         grid.autoSizrR
    
14.     }

复制代码