描述

通过本接口可对元素、单元格 等,通过源设置内容。

接口

bool SetDataSources(obj : object, data : object)

参数

参数名 必填 类型 说明 备注
obj object 指定对象 null: 整篇文档
data object 源数据

data-元素源

可用于通过源设置元素值,效果同SetSources,区别在入参结构

  • 第1层属性 对应sourceClass
  • 第2层属性 [必须为对象] 对应sourceId

配置UI

接口参数

按源设置元素值
HTML
|
运行代码
thinkEditor.SetDataSources(null,
{
    "organ"/*sourceClass*/: 
    {/* 必须为对象 */
        "organName"/*sourceId*/: "江东第一人民医院",
        "organCode"/*sourceId*/: "123456"
    },
    "patient": 
    {
        "name": "张三",
        "age": "36"
    }
});

data-单元格源-动态产生Row

可通过源动态设置表格行单元格内容,效果同SetTableData,区别在入参结构

  • 第1层属性 对应sourceClass
  • 第2层属性 [必须为数组] 每个常用对应一行Row中Cell的源sourceId

配置UI

step1: Row配置源类型sourceClass

step2: 需要的每个单元格配置源sourceId

接口参数

按源动态产生Row
HTML
|
运行代码
thinkEditor.SetDataSources(null,
{
    "nursingSheet"/*sourceClass*/: 
    [/* 必须为数组 */
        {//第1行
            "nurseName"/*sourceId*/: "张三",
            "signTime"/*sourceId*/: "2025-06-06 00:01:02"        
        },
        {//第2行
            "nurseName"/*sourceId*/: "张三",
            "signTime"/*sourceId*/: "2025-06-06 00:01:02"        
        }

    ]
});

扩展-单元格源支持多段落和片段写法

使用\r\n产生多段落

  • 优点:简洁
thinkEditor.SetDataSources(null,
{
    "nursingSheet": 
    [
        {
            "content": "Ⅱ级护理\r\n加强"
        }
    ]
});

使用”Paragraph”片段产生多段落

  • 优点:可以向单元格中设置任意内容
thinkEditor.SetDataSources(null,
{
    "nursingSheet": 
    [
        {
            "content": "<Paragraph>Ⅱ级护理</Paragraph><Paragraph>加强</Paragraph>"
        }
    ]
});
文档更新时间: 2025-05-28 17:25   作者:admin