Question

我目前正在使用Bootstrap-table（http://bootstrap-table.wenzhixin.net.cn/）和bootstrap-editable扩展名（https://github.com/wenzhixin/bootstrap-table/tree/master/src/extensions/editable）来创建一个包含可编辑字段的表。这些字段使用默认文本输入。我正在尝试将默认输入（文本）更改为textarea（http://vitalets.github.io/x-editable/docs.html#textarea）。

据我所知，这将需要对javascript进行一些调整（文档没有列出将默认文本更改为textarea的选项）。是否有人曾经做过这件事或以前类似的事情？谁可以为我提供一个完成此任务的起点？

Answer 1

如果查看http://vitalets.github.io/x-editable/docs.html#editable并找到“type”选项，您会看到“textarea”有一个选项，因此您只需使用此选项而不是“text”。我自己没有这样做但是做了一个“选择”类型，代码是这样的......

$('#disMedTable').bootstrapTable({
      columns: [{field: 'medID', visible: false },
                {field: 'MedicationCode', visible: false },
                {field: 'MedicationType', visible: false },
                {field: 'MedicationName', title: 'Med name', formatter: updPatPostop.medNameFormatter},
                {field: 'DosageAmount',   title: 'Dose', editable: {type: 'text'}},
                {field: 'DosageUnits',    title: 'Units', editable: {type: 'text'}},
                {field: 'DosageFrequency', title: 'When',
                                           editable: {type: 'select',
                                                      source: updPatPostop.medDoseTimeCodeSource }},
                {field: 'daysRequired',   title: 'Days', 
                                          editable: {type: 'number',
                                                     emptytext: '.' }}, 
                {field: 'orderAtDischarge', title: 'Order', formatter: updPatPostop.medOrderFormatter}
               ],      
      contextMenu: '#disMedContextMenu',

等等。

bootstrap-editable：text to textarea

1 个答案: