Fusion Grid列格式化器无法解析HTML,显示原始代码问题咨询
Fusion Grid 无法解析HTML代码的排查与解决
开启列的HTML渲染权限
Fusion Grid默认禁用HTML解析,必须在目标列的配置中显式设置allowHTML: true,否则会直接输出原始HTML文本。针对你提到的两个列,配置示例如下:
const grid = new FusionGrid('#container', { dataSource: data, columns: [ // 其他列配置 { headerText: '产品链接', dataIndex: 'productLink', allowHTML: true // 允许该列解析HTML }, { headerText: 'Units Sold', dataIndex: 'unitsSold', allowHTML: true, format: myFunction2 // 自定义格式化函数返回HTML } ] });
验证自定义格式化函数的返回值
确保myFunction2返回的是完整可解析的HTML字符串,而非普通文本。比如:
function myFunction2(value) { // 示例:给销量添加样式 return `<strong style="color: #2ecc71;">${value}</strong>`; }
如果函数返回的是未闭合标签或非HTML格式内容,同样无法正常渲染。
排查版本问题
若上述配置都正确但问题仍存在,可能是当前使用的Fusion Grid版本存在兼容性bug。建议升级到官方最新稳定版,同时可查看官方社区的issue记录,确认是否有同类问题的反馈与修复方案。
结论
大概率是配置遗漏导致的问题,而非组件bug。优先检查allowHTML属性是否正确设置,再验证格式化函数的返回值格式。若确认配置无误仍未解决,再考虑版本或组件本身的问题。
内容的提问来源于stack exchange,提问作者bsr1
相关产品推荐
相关产品推荐

