1

ここに問題があり、Codeply http://www.codeply.com/go/rxWzeVwBUaでモックアップをまとめました。

データテーブルで Select2 ドロップダウン ボックスをクリックできません。どんな助けでも大歓迎です。

    <div class="container">
        <h1>From data</h1>
        <p></p>
        <table id="table">
            <thead>
            <tr>
                <th data-field="id">ID</th>
                <th data-field="name">Item Name
                    <select class='table finditem'>
                        <option></option>
                        <option value='0'>Item 0</option>
                        ...
                    </select>
                </th>
                <th data-field="price">Item Price</th>
            </tr>
            </thead>
        </table>
    </div>

        $table.bootstrapTable({
            data: data});
        });


        $('#finditem').select2({
            placeholder: 'Find Item',
            allowClear: true
        });
4

1 に答える 1

1

私はこれを開発者に github に投稿し、開発者はソリューションを投稿しました。

https://github.com/wenzhixin/bootstrap-table/issues/1254#issuecomment-130358202 http://www.codeply.com/go/e4LJoKfhdR

$table.on('post-header.bs.table', function () {
    $('.finditem').select2({
        placeholder: 'Find Item',
        allowClear: true
    });
});

ちなみに、select2イベントリスナーを使用したい場合は、それらもこの関数内に配置する必要があることがわかりました。一連のカスケード select2 ボックスを使用して、選択時にテーブルを自動的に更新します。

    $table.on('post-header.bs.table', function () {
        $('.finditem').select2({
            placeholder: 'Find Item',
            allowClear: true
        });
        $('.finditem').on('select2:close', function(){
            $table.bootstrapTable('refresh');
        });
    });
于 2015-08-12T21:07:46.977 に答える