Question

我正在使用带有x-editable插件的bootstrap-table，除了我无法更改x-editable弹出窗口上的输入类型外，它主要工作。我已尝试设置data-type="select"和type: 'select'，但始终显示为text类型

这个小提示显示了问题，该表应该使用select类型但不是，表格外部的链接使用相同的选项确实有效。

<table id="table-hover" data-toggle="table" data-show-toggle="true" data-show-columns="true" data-url="/gh/get/response.json/wenzhixin/bootstrap-table/tree/master/docs/data/data1/">
    <thead>
        <tr>
             <!-- this field doesn't show select input -->
            <th data-field="name" data-editable="true" data-type="select">Name</th>
            <th data-field="stargazers_count">Stars</th>
            <th data-field="forks_count">Forks</th>
            <th data-field="description">Description</th>
        </tr>
    </thead>
</table>

<!-- works! -->
<a href="#" id="fruits" data-type="select">banana</a>

js -

$(function () {
    var $table = $('#table-hover');
    $table.bootstrapTable({
        }).on('editable-init.bs.table', function(e){
            $('.editable').editable('option', {
                type: 'select',
                title: "Fruit",
                source: [
                    {value: 1, text: 'banana'},
                    {value: 2, text: 'peach'}
                ]
            });
    });
    $('#fruits').editable({
       type: 'select',
       title: "Fruit",
       source: [
        {value: 1, text: 'banana'},
        {value: 2, text: 'peach'}
       ]
    });
});

https://jsfiddle.net/e3nk137y/2048/

Answer 1

Bootstrap表目前不支持使用data属性来初始化x-editable选项，您可以通过JavaScript代替。请参阅此示例：http://issues.wenzhixin.net.cn/bootstrap-table/#issues/986.html

bootstrap-table x-editable插件，不能设置要选择的类型

1 个答案: