bootstrap treetable operateEvents

`operateEvents`是Bootstrap TreeTable插件中的一个选项，用于定义表格中操作列的事件处理程序。在这个选项中，你可以定义表格中的每个操作按钮（例如编辑、删除等）的单击事件的处理程序。这些操作列的按钮可以使用HTML和CSS自定义。

以下是一个例子：

$('#tree-table').bootstrapTreeTable({
    columns: [
        {
            field: 'name',
            title: 'Name'
        },
        {
            title: 'Operations',
            formatter: function(value, row, index) {
                var btnEdit = '<button type="button" class="btn btn-primary btn-sm" data-toggle="tooltip" title="Edit" onclick="editRow(' + row.id + ')"><i class="glyphicon glyphicon-edit"></i></button>';
                var btnDelete = '<button type="button" class="btn btn-danger btn-sm" data-toggle="tooltip" title="Delete" onclick="deleteRow(' + row.id + ')"><i class="glyphicon glyphicon-remove"></i></button>';
                return btnEdit + btnDelete;
            },
            operateEvents: {
                'click .btn-edit': function (e, value, row, index) {
                    editRow(row.id);
                },
                'click .btn-delete': function (e, value, row, index) {
                    deleteRow(row.id);
                }
            }
        }
    ],
    data: [
        {
            id: 1,
            name: 'John'
        },
        {
            id: 2,
            name: 'Doe'
        }
    ]
});

function editRow(id) {
    // Edit row with the given id
}

function deleteRow(id) {
    // Delete row with the given id
}

在上面的示例中，我们定义了两个操作按钮（编辑和删除）并将它们添加到操作列中。然后，我们使用`operateEvents`选项定义了每个按钮的单击事件处理程序。在我们的示例中，我们定义了两个处理程序：`click .btn-edit`和`click .btn-delete`，分别处理编辑和删除按钮的单击事件。这些处理程序调用了我们在代码中定义的`editRow`和`deleteRow`函数，这些函数接收一个`id`参数，该参数表示要编辑或删除的行的ID。