Как я могу предотвратить выбор флажка при щелчке строки в древовидной таблице Bootstrap - PullRequest
0 голосов
/ 04 февраля 2019

Как я могу предотвратить выбор флажка при щелчке строки в древовидной таблице Bootstrap.Флажок должен быть установлен только по щелчку флажка в конкретной строке, но должен быть установлен по щелчку строки в древовидной таблице Bootstrap. Я предоставил свой код JavaScript здесь.

$(function() {
    initTreeTable();
    $("#down1").hide();
});

function initTreeTable() {
    let setting = {
        id: 'menuId',
        code: 'menuId',
        url: 'menu/list',
        expandAll: true,
        expandColumn: "2",
        ajaxParams: {
            // menuName: $menuTableForm.find("input[name='menuName']").val().trim(),
            // type: $menuTableForm.find("select[name='type']").val()
            menuName: $("#filter_extra").val(),
        },
        columns: [{
                field: 'selectItem',
                checkbox: true
            },
            {
                title: 'NO.',
                field: 'menuId',
                width: '50px'
            },
            {
                title: 'Name',
                field: 'menuName'
            },

            {
                title: 'Icon',
                field: 'icon',
                formatter: function(item, index) {
                    return '<i class="' + item.icon + '"></i>';
                }

            },
            {
                title: 'Type',
                field: 'type',
                formatter: function(item, index) {
                    if (item.type === '0') return '<label class="badge badge-success">Menu</label>';
                    if (item.type === '1') return '<label class="badge badge-warning">Button</label>';
                }

            },
            {
                title: 'URL',
                field: 'url',
                formatter: function(item, index) {
                    return item.url === 'null' ? '' : item.url;
                }
            },
            {
                title: 'Permission',
                field: 'perms',
                formatter: function(item, index) {
                    return item.perms === 'null' ? '' : item.perms;
                }
            },
            {
                title: 'Create Time',
                field: 'createTime'
            },
            {
                width: '10%',
                title: 'Action',
                formatter: actionFormatter
            }
        ]
    };

    function actionFormatter(value, row, index) {
        return [
            '<button style="width: 82%;" class="btn btn-outline-primary btn-sm edit_btn m-2"  onclick="edit(' + value.menuId + ')"><i class="fa fa-edit"></i> Edit</button>',
            '<button style="width: 82%;" class="btn btn-outline-danger btn-sm delete_btn m-2" onclick="remove(' + value.menuId + ')"><i class="fa fa-remove"></i> Remove</button>',
        ].join('')
    }

    // $MB.initTreeTable('menuTable', setting);

    $('#menuTable').bootstrapTreeTable({
        id: setting.id,
        code: setting.code,
        parentColumn: !setting.parentColumn ? 'parentId' : setting.parentColumn,
        type: "GET",
        url: setting.url,
        ajaxParams: !setting.ajaxParams ? {} : setting.ajaxParams,
        expandColumn: !setting.expandColumn ? '1' : setting.expandColumn,
        striped: true,
        bordered: true,
        checkboxes: true,
        expandAll: setting.expandAll ? true : setting.expandAll,
        columns: setting.columns
    });
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...