请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

夏目たかし

初级会员

31

主题

90

帖子

491

积分

初级会员

积分
491
夏目たかし
初级会员   /  发表于:2020-6-16 16:32  /   查看:4941  /  回复:1
1金币
现在我们后台传给前台的是“XXXXX/nBBBBB”,在wijimo表单gird的单元格,如何让他换行?
目前只查到有自动换行,但是自动换行是控制宽度显示不下才换行,我们需要手动控制换行,请问需要做什么样的处理?

最佳答案

查看完整内容

你好,这需要把\n替换为,参考代码: 关键代码:

1 个回复

倒序浏览
最佳答案
最佳答案
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2020-6-16 16:32:43
来自 2#
你好,这需要把\n替换为<br>,参考代码:

  1. $(document).ready(function () {
  2.     var gridElement = $("#theGrid");
  3.     gridElement.height($(document).height() - 50);
  4.     gridElement.width($(document).width() - 5);

  5.     var testStr = $("#testString").text();

  6.     // create some random data
  7.     data = [];
  8.     for (var i = 0; i < 10; i++) {
  9.         data.push({
  10.             country: 'Ramdom....',
  11.             downloads: testStr,
  12.             sales: Math.random() * 10000,
  13.             expenses: Math.random() * 5000,
  14.             expenses2: Math.random() * 5000,
  15.             expenses3: Math.random() * 5000,
  16.             expenses4: Math.random() * 5000,
  17.             expenses5: new Date(),
  18.         });
  19.     }

  20.     // create CollectionView on the data (to get events)
  21.     var view = new wijmo.collections.CollectionView(data);

  22.     // initialize the grid
  23.     var grid = new wijmo.grid.FlexGrid('#theGrid', {
  24.         itemsSource: view,
  25.         selectionMode: wijmo.grid.SelectionMode.Cell,
  26.         allowAddNew: true,
  27.         allowDelete: true,
  28.         autoSizeMode: wijmo.grid.AutoSizeMode.Both
  29.     });
  30.     var downloadsColumn = grid.columns.getColumn("downloads");
  31.     downloadsColumn.wordWrap = true;
  32.     downloadsColumn.isContentHtml = true;

  33.     grid.autoSizeRows(0, grid.rows.length, false, 40);

  34.     grid.itemFormatter = function (panel, r, c, cell) {
  35.         //check for column
  36.         if (c == 1) {
  37.                        //get the data
  38.             var data = panel.getCellData(r, c);
  39.             //replace \n with <br/> tags
  40.             var formattedData = data.replace(/\n/g, '<br/>');
  41.             //set the formatted data
  42.             panel.setCellData(r, c, formattedData);
  43.            
  44.         }
  45.          setTimeout(grid.invalidate(), 1);
  46.         grid.autoSizrR
  47.     }
  48. });
复制代码


关键代码:

  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.     }
复制代码
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部