禁用w2ui grid的单行选择功能
P粉148782096
P粉148782096 2023-09-16 14:42:53
0
1
1271

我有一个启用了multiSelect的w2ui网格。 我的目标是禁用某些行的选择,并保持其他行的可选择性。

let grid = new w2grid({
    name: 'grid',
    box: '#grid',
    multiSelect: true,
    show: {
        selectColumn: true
    },
    columns: [
        { field: 'recid', text: 'recid',  size: '10px', sortable: true, attr: 'align="center"' },
        { field: 'field', text: 'field', size: '500px', sortable: true },
    ],
    records: [
        { recid: 1, field: '你不能选择这个' },
        { recid: 2, field: '也不能选择这个' },
        { recid: 3, field: '但你可以选择这个' },
        { recid: 4, field: '或者这个' },
        { recid: 5, field: '你觉得这个怎么样?' },
        { recid: 6, field: '好吧,不是这个' },
        { recid: 7, field: '甚至这个也必须被禁用' },
    ]
})
<link href="https://cdn.jsdelivr.net/npm/w2ui@2.0.0/w2ui-2.0.min.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/npm/w2ui@2.0.0/w2ui-2.0.min.js"></script>
<div id='grid' style='height:500px'></grid>

是否可能只允许选择某些记录?

P粉148782096
P粉148782096

全部回复(1)
P粉810050669

使用方法 event.preventDefault() 在 onSelect 事件中:

onSelect(event) {
                if ( disable.selection == true ) event.preventDefault()
            }
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板