Bootstrap-editierbar: Text zu Textfeld

Question

Ich verwende derzeit Bootstrap-Tabelle (http://bootstrap-table.wenzhixin.net.cn/) mit der Bootstrap-bearbeitbare Erweiterung (https://github.com/wenzhixin/bootstrap-table/tree/master/src/extensions/editable), um eine Tabelle mit bearbeitbaren Feldern zu erstellen. Diese Felder verwenden die Standardtexteingabe. Ich versuche, die Standardeingabe (Text) zu Textarea (http://vitalets.github.io/x-editable/docs.html#textarea) zu ändern.

Soweit ich das sehen kann, wird einige Anpassungen des Javascript erfordern (die Dokumentation listet keine Option auf, um den Standardtext in textarea zu ändern). Gibt es jemanden, der das schon gemacht hat, oder etwas ähnliches? Wer kann mir dafür einen Startpunkt geben?

Answer 1

Wenn Sie http://vitalets.github.io/x-editable/docs.html#editable betrachten und die "type" -Option finden, werden Sie sehen, dass es eine Option für "textarea" gibt, also würden Sie diese anstelle von "text" verwenden. Ich habe es nicht selbst gemacht, sondern habe einen "Select" -Typ gemacht und Code war so etwas ...

$('#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', 

und so weiter.