bootstrap table的formatter不能返回jquery对象太可惜了

Question

例如：

                columns: [{
                    title: "操作",
                    sortable: false,
                    formatter: function (value, row, index) {
                        // <button type="button" class="btn btn-primary btn-xs">Extra small button</button>
                        return $('<button type="button" class="btn btn-primary btn-xs">删除</button>');
                    }
                },
                ...
                ]
                

如果返回的是jquery对象，能直接绑定各种事件，就太方便了。可惜不行。

Answer 1

绑定事件可以$table.on("click",classname,functionName)这样。。
而且官方也有推荐的绑定事件的方式

Answer 2

今天同样遇到了这种问题，我是这样子的解决的.

  columns: [
                    { field: 'CityID', title: '序号' },
                    { field: 'CityName', title: '城市' },
                    {
                        field: "action", title: "操作", formatter: function (value, row, index) {

                            var html = '<a href="javascript:;" class="delete">删除</a>';
                            html += '<a href="javascript:;" class="mod">同步</a>';
                            return html;
                        }, events: {
                            'click .delete': function (e, value, row, index) {
                                //删除操作
                                alert(row.CityName);
                            },
                            'click .mod': function (e, value, row, index) {
                                //同步
                                alert(row.CityName);
                            }
                        }
                    }
                ],