跳至主要內容

文档控件

大约 2 分钟

insertField

编码可实现在光标处插入指定类型控件

let type = 'Text', id  = 'xxxx'

//无指定标识
editor.control.insertField(type)
//指定标识
editor.control.insertField(type, id)

//指定属性 attributes
editor.control.insertField('DateTime', null, {format:'yyyy年MM月', title:'年月' })

//插入动态下拉框(指定数据源)
editor.control.insertField('DataList', null, {data:'动态数据源url', tilte:'主要诊断'})

//插入静态下拉框(指定下拉数据)
editor.control.insertField('DropdownList', null, 
    {
        tilte:'性别', 
        'data-list': [{'text':'选项1','value':'0'},{'text':'选项2','value':'1'},{'text':'选项3','value':'2'}]
    })

type:

  • Text:文本框,

  • DropdownList:静态下拉框

  • DataList 动态下拉框

  • DateTime: 日期

  • id: [可选]指定控件标识

  • attributes [可选] 指定控件属性

attributes: {
    data: '/xxxx/getxx.json'   //动态下拉框用数据源URL
    format: 'yyyy-mm-dd' //日期使用
    title: 'xxxx'  //指定标签,未指定使用默认标签文字
}

insertRadioGroup

编码插入单选框组

let id = 'xxxxx'  //选项组标识
let data  =  [1:'选项标签1', 2:'选项标签2', 3:'选项标签3' ]  //选项code:lable 键值对
let newline = true  //true: 上下排列,false: 左右排列(默认)
editor.control.insertRadioGroup(id, data, newline)

insertCheckboxGroup

编码插入复选框组

let id = 'xxxxx'  //选项组标识
let data  =  [1:'选项标签1', 2:'选项标签2', 3:'选项标签3' ]  //选项code:lable 键值对
let newline = true  //true: 上下排列,false: 左右排列(默认)
editor.control.insertCheckboxGroup(id, data, newline)

签名

编码可实现在光标处插入签名

let data = 'data:image/png;base64,......', id  = 'xxxx', attributes = {signed: false}}

//插入空白图片
editor.control.insertSignature()
//无指定标识插入图片数据
editor.control.insertSignature(data)
//指定标识插入图片数据
editor.control.insertSignature(data, id, attributes)
//指定标识插入空白图片
editor.control.insertSignature(null, id, attributes)

data:

  • [可选]签名图片的base64编码字符串
  • 参数为空时,默认插入空白图片

id:

  • [可选]指定控件标识

月经史

  • 获取月经史数据
let data = editor.menstruation.getBindData("月经史id")
  • 绑定月经史数据
data  = {
    firstYear:"12",    //初潮年龄
    durationDays: "2", durationDays2: "3", //行经天数
    cycleDays : "27", cycleDays2: "28",    //行经周期
    lastYear: "26", //闭经年龄
}

editor.menstruation.setBindData(data,"月经史id")