Ag-grid使用ag-grid-autocomplete-editor如何实现单元格单击编辑
ag-Grid 自动补全列单击触发编辑配置方案
该自动补全单元格编辑器完全遵循ag-Grid原生编辑触发逻辑,无需修改编辑器源码,直接调整网格或列的编辑相关配置即可实现单击进入编辑:
- 全局生效:初始化网格实例时,在根网格配置项中添加
singleClickEdit: true,配置后所有标记为可编辑的单元格,单击即可直接进入编辑状态,自动补全逻辑会正常触发。 - 仅指定列生效:如果不想改变其他列默认双击编辑的交互,只需要在挂载了自动补全编辑器的对应列的
columnDefs配置中,单独为该列添加singleClickEdit: true即可,仅目标列支持单击触发编辑。
冲突配置排查:如果你的网格或对应列之前配置过
suppressClickEdit: true,需要将该配置项删除或设置为false,该配置优先级高于单击编辑开关,开启时会强制屏蔽单击触发编辑的逻辑。
如果需要单击进入编辑后直接展开自动补全下拉选项列表,无需用户输入触发搜索,可以在自动补全编辑器的参数配置中添加selectOnOpen: true,进入编辑态时会直接拉取预设的动态数据源渲染可选列表。
内容的提问来源于stack exchange,提问作者kanna
相关产品推荐
相关产品推荐

