【问题标题】:Primefaces extension sheet component on "Enter" press move the focus to the cell in the rightPrimefaces扩展表组件按“Enter”键将焦点移动到右侧的单元格
【发布时间】:2019-11-04 10:22:53
【问题描述】:

按下intro时handsontable的默认操作是关注底部的单元格,但在primefaces扩展中焦点向右,我需要到底部,有什么配置我可以试试?

我尝试使用 updateSettings 方法修改 afterChange 事件,但不起作用。

在JSF方式的工作表代码下方。

<pe:sheet extender="sheetExtender" id="sheet" contextMenu="true"
                    rowHeader="true" colHeader="true" widgetVar="sheetWidget"
                    var="_det" rowKey="#{_det.item}" height="300" showRowHeaders="true"
                    value="#{ordenSuministroController.detalles}"
                    readOnly="#{ordenSuministroController.instance.estado!='PENDIENTE'}"
                    converter="#{ordenSuministroDetConverter}"
                    emptyMessage="No se encontraron registros." locale="es-MX"
                    maxCols="5" minCols="5" movableCols="false" movableRows="true">
                    <f:facet name="header">
                        <strong>HEADER</strong>
                    </f:facet>
                    <pe:sheetcolumn headerText="Descripcion" required="true"
                        readOnly="#{ordenSuministroController.instance.estado!='PENDIENTE'}"
                        value="#{_det.descripcion}" colType="text"></pe:sheetcolumn>
                    <pe:sheetcolumn headerText="Unidad" value="#{_det.unidad}"
                        readOnly="#{ordenSuministroController.instance.estado!='PENDIENTE'}"
                        colType="text"></pe:sheetcolumn>
</pe:sheet>

Primefaces v7.0 Primefaces-extension v7.0.1

【问题讨论】:

  • 我认为您想使用 Sheet Extender 功能并配置“enterMoves”功能:github.com/handsontable/handsontable/issues/4531
  • 谢谢!解决方案在这里! function sheetExtender() { this.cfg.enterMoves= {row: 1, col: 0}; }
  • 不错!我将其发布为未来发现者的解决方案!

标签: jsf primefaces handsontable primefaces-extensions


【解决方案1】:

根据 HandsonTable 文档,您可以使用 enterMoves 函数来控制输入键如何移动单元格。见:https://github.com/handsontable/handsontable/issues/4531

然后在 Sheet Extender 代码中,您可以像 Showcase 示例中那样简单地执行“扩展器”功能并将扩展器更改为:

function sheetExtender() { 
   this.cfg.enterMoves = {row: 1, col: 0}; 
}

【讨论】:

    猜你喜欢
    • 2012-05-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-13
    • 1970-01-01
    • 2017-05-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多