Dextreme Vue Datagrid 同时配置选择和焦点行
Devextreme Vue Datagrid configure selection and focus row together
我正在配置我的 devextreme 数据网格。我必须同时使用 muliple selection 和 rowfocus。 我只能在 selection 列复选框上限制 selection ,这样我就不会 select 如果我点击网格中的任何地方, 它总是必须是 selection 复选框。现在要包括行焦点,它会产生一个问题,每当我单击 selection 复选框时,它首先聚焦该行,我必须再次单击它才能实现行 selection。 那么如何防止 selection 复选框列上的行焦点事件?
参考以下配置:-
<dx-data-grid :allow-column-reordering="true"
:allow-column-resizing="true"
:column-fixing="{enabled: true}"
:columns="config.columns"
:data-source="groupTypes"
:ref="ref"
:rowAlternationEnabled="true"
:show-borders="true"
@toolbar-preparing="onToolbarPreparing($event)"
key-expr="entityId"
:focused-row-enabled="true"
:focused-row-key.sync="focusedRowKey">
<dx-selection :select-all-mode="selectionMode"
mode="multiple"
show-check-boxes-mode="always"/>
</dx-data-grid>
我从数据网格中删除了 :column-fixing="{enabled: true}" 属性,现在可以使用了
我正在配置我的 devextreme 数据网格。我必须同时使用 muliple selection 和 rowfocus。 我只能在 selection 列复选框上限制 selection ,这样我就不会 select 如果我点击网格中的任何地方, 它总是必须是 selection 复选框。现在要包括行焦点,它会产生一个问题,每当我单击 selection 复选框时,它首先聚焦该行,我必须再次单击它才能实现行 selection。 那么如何防止 selection 复选框列上的行焦点事件? 参考以下配置:-
<dx-data-grid :allow-column-reordering="true"
:allow-column-resizing="true"
:column-fixing="{enabled: true}"
:columns="config.columns"
:data-source="groupTypes"
:ref="ref"
:rowAlternationEnabled="true"
:show-borders="true"
@toolbar-preparing="onToolbarPreparing($event)"
key-expr="entityId"
:focused-row-enabled="true"
:focused-row-key.sync="focusedRowKey">
<dx-selection :select-all-mode="selectionMode"
mode="multiple"
show-check-boxes-mode="always"/>
</dx-data-grid>
我从数据网格中删除了 :column-fixing="{enabled: true}" 属性,现在可以使用了