[JS]bootstrapTable新增操作按鈕

le.li發表於2024-05-01

    <script type="text/javascript">
        <!-- 方法定義 -->
        function addFunctionToTable(value, row, index) {
           return [
           '<button id="preview" type="button" class="btn btn-default">預覽</button>'
           ].join('');
         }
        <!-- 操作事件 -->
        window.operateEvents = {
            'click #preview': function (e, value, row, index) {
               alert(row.naspath);
             }
           };
        <!-- 關鍵程式碼 -->
         $('#table').bootstrapTable({
         。。。
         columns: [{
            checkbox: true
        }, {
            field: 'id',
            title: '編號',
        }, {
            field: 'name',
            title: '名稱',
        }, {
            field: 'operate',
            title: '操作',
            events: operateEvents,//給按鈕註冊事件
            formatter: addFunctionToTable//表格中增加按鈕
        }]
    </script>

  

相關文章