iView/ViewDesign中的table表格里有个render函数,可以在单元格中另外渲染组件,现在有个需求,就是渲染出来的Input输入框或者InputNumber数字输入框,需要在获取焦点的时候,自动全部全部文本,可以提高使用者输入的效率。
经过研究,可以使用on监听on-focus事件,在传入的event方法,使用event.target.select()就行了。
详见如下示例:
{title: '计划培训人数', key: "planNum", width: 112, align: 'center', render: (h, params) => { return h('div', [ h('InputNumber', { props: { min: 0, max: 99999, value: params.row.planNum, precision: 0 }, style: { width: '54px' }, on: { // 操作事件 'on-focus': (event) => { event.target.select(); }, // 获得焦点后,选中全部 } }) ]); } }
文章评论