关于flexGrid中TAB键按下切替的问题

登录

在之前的开发中有遇到在flexGrid中tab切替的情况，有解决办法。但是现在客户需要另外一种效果，所以之前的时装方式就不可以了。为了使回答者更好的理解问题，分明成了之前和现在的两种方式作为对比，重点地地方用红色标记了：之前效果：
说明：这时的焦点在明细这个按钮上，这时我按下键盘的“Tab”键时会有以下效果：

此时焦点移动到下一个可编辑的单元格。
之前代码html片断：
      <wj-flex-grid-column id="MESDES101021_00028" [binding]="'cstmrPoNo'" header="顧客PO番号" [width]="355">
      <ng-template wjFlexGridCellTemplate [cellType]="'Cell'" let-cell="cell">
         <wj-input-mask
                        [(rawValue)]="cell.item.cstmrPoNo"
                        class="form-control grid-input-mask-1"
                        maxlength="13"
                        [promptChar]="'\n'">
         </wj-input-mask>
      </ng-template>
      </wj-flex-grid-column>

原因说明：由于“[cellType]="'Cell'"”，所以在画面上，“ng-template”里面的“wj-input-mask”是直接显示在画面的，这时不需要什么写法直接就可以进行tab切替。
=====================================================================================================
现在效果：
说明：这时的焦点在明细这个按钮上，这时我按下键盘的“Tab”键时会有以下效果：

这时，焦点并没有设定到下一个可编辑的单元格。
现在代码html片断：
      <wj-flex-grid-column id="MESDES101021_00028" [binding]="'cstmrPoNo'" header="顧客PO番号" [width]="355">
      <ng-template wjFlexGridCellTemplate [cellType]="'CellEdit'" let-cell="cell">
         <wj-input-mask
                        [(rawValue)]="cell.value"
                        class="form-control grid-input-mask-1"
                        maxlength="13"
                        [promptChar]="'\n'">
         </wj-input-mask>
      </ng-template>
      </wj-flex-grid-column>
原因说明：由于“[cellType]="'CellEdit'"”，所以在画面上，“ng-template”里面的“wj-input-mask”是没有直接显示在画面的，就想是在“ng-template”上面覆盖了一层膜似的。所以焦点没有自动设定到里面的“wj-input-mask”中。

总结：现在怎么才能使焦点穿过外边的“膜”，是定到里面的焦点上？

JeffryLI · JeffryLI

本帖最后由 JeffryLI 于 2018-12-10 09:46 编辑

有个思路不知道是否可以满足您的要求，当tab键移动你的单元格上的时候，按你之前所说的，已经不能直接编辑，wijmo在keybown事件中可以监测键值https://demos.wijmo.com/5/Angula ... wijmo.Key.Enum.html

当按下F2的时候，可以做以下行为
选中单元格，让单元格处于编辑状态
https://demo.grapecity.com.cn/wijmo5/learningwijmo/#tLYKp

JeffryLI · JeffryLI

您好，首先我们下为什么要将Cell改为CellEdit
关于这个两个参数的解释如下：
Cell:定义常规（数据）单元格模板。必须是WjFlexGridColumn组件的子级。
CellEdit:在编辑模式下为单元格定义模板。必须是WjFlexGridColumn组件的子级。此单元格类型具有可用于绑定的附加cell.value属性。它包含编辑前的原始单元格值，以及编辑后的更新值。
我想这可能是为什么按Tab建没有聚焦，需要点击编辑。

一杯大可乐 · 一杯大可乐

JeffryLI 发表于 2018-12-5 17:11
您好，首先我们下为什么要将Cell改为CellEdit
关于这个两个参数的解释如下：
Cell:定义常规（数据）单元 ...

现在客户要求的，之前是inputMask直接显示的，现在客户要求按F2才可以进入编辑！这不是我能做决定的！所以关于以上问题您这边有好的解决办法吗？

JeffryLI · JeffryLI

我的理解是，原来按tab键时，移到inputmask的单元格，单元格就直接可以编辑，现在客户要求按tab键到inputmask的单元格上，不让编辑只是选中，要编辑的话，需要再按下F2在进入编辑，不知道我理解的对吗？

一杯大可乐 · 一杯大可乐

理解对的！但是按tab的时候不能每一个单元格能都能走，是有条件的，只有单元格是可编辑的才可以走，不是可编辑的就跳过！

		自动登录	找回密码
密码			立即注册

[已处理] 关于flexGrid中TAB键按下切替的问题

本帖子中包含更多资源

5 个回复

评分

评分

评分

元老葡萄