搜索

首页  >  问答  >  正文

禁用w2ui grid的单行选择功能

我有一个启用了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粉148782096P粉148782096467 天前1274

全部回复(1)我来回复

  • P粉810050669

    P粉8100506692023-09-17 09:59:52

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

    onSelect(event) {
                    if ( disable.selection == true ) event.preventDefault()
                }

    回复
    0
  • 取消回复