diff --git a/examples/treegrid/treegrid-1.html b/examples/treegrid/treegrid-1.html index 5a7c20f33..faefeae4c 100644 --- a/examples/treegrid/treegrid-1.html +++ b/examples/treegrid/treegrid-1.html @@ -95,7 +95,7 @@

Treegrid Email Inbox Example

  • Navigation Treeview using computed properties
  • Navigation Treeview using declared properties
  • -

    Example Useage Options

    +

    Example Usage Options

    This example demonstrates three different ways of implementing the keyboard navigation specified in the treegrid pattern. The following links change the behavior of the navigation keys : @@ -177,7 +177,7 @@

    Example

    re: Treegrids are awesome - Sometimes they are more like trees, otherse are more like grids + Sometimes they are more like trees, others are more like grids mari@beingpractical.com @@ -200,7 +200,11 @@

    Example

    Keyboard Support

    - +

    + NOTE: The following table describes keyboard commands that move focus among grid cells. + In the examples on this page, some cells contain a single focusable widget, and if a cell contains a widget, the cell is not focusable; the widget receives focus instead of the cell. + So, when a description says a command moves focus to a cell, the command may either focus the cell or a widget inside the cell. +

    @@ -263,9 +267,8 @@

    Keyboard Support

    @@ -275,8 +278,8 @@

    Keyboard Support

    @@ -287,7 +290,7 @@

    Keyboard Support

    @@ -298,7 +301,7 @@

    Keyboard Support

    @@ -308,9 +311,8 @@

    Keyboard Support

    @@ -320,9 +322,8 @@

    Keyboard Support

    @@ -332,9 +333,8 @@

    Keyboard Support

      -
    • Moves focus to the next interactive cell in the current row.
    • -
    • If there are no more interactive cells in the current row, - moves out of the treegrid.
    • +
    • Moves focus to the next interactive widget in the current row.
    • +
    • If there are no more interactive widgets in the current row, moves focus out of the treegrid.
      -
    • If a cell is focused, moves focus to the previous interactive cell in the current row.
    • -
    • If a row is focused, moves out of the treegrid.
    • +
    • If a cell is focused, moves focus to the previous interactive widget in the current row.
    • +
    • If a row is focused, moves focus out of the treegrid.
    • If a row is focused, moves to the first row.
    • -
    • If a cell is focused, moves focus to the row's first cell.
    • +
    • If a cell is focused, moves focus to the first cell in the row containing focus.
    • If a row is focused, moves to the last row.
    • -
    • If a cell is focused, moves focus to the row's last cell.
    • +
    • If a cell is focused, moves focus to the last cell in the row containing focus.
      -
    • Moves focus to the first row.
    • -
    • If a cell was focused, focus is kept in the same column, - otherwise the entire first row is focused.
    • +
    • If a row has focus, moves focus to the first row.
    • +
    • If a cell has focus, moves focus to the cell in the first row in the same column as the cell that had focus.
      -
    • Moves focus to the last row.
    • -
    • If a cell was focused, focus is kept in the same column, - otherwise the entire last row is focused.
    • +
    • If a row has focus, moves focus to the last row.
    • +
    • If a cell has focus, moves focus to the cell in the last row in the same column as the cell that had focus.
      -
    • Performs default action on row or cell, e.g. opens message or navigate to link.
    • -
    • If focus is on the cell with the expand/collapse button, and there is no other action, - will toggle expansion of the current row.
    • +
    • Performs default action associated with row or cell that has focus, e.g. opens message or navigate to link.
    • +
    • If focus is on the cell with the expand/collapse button, and there is no other action, will toggle expansion of the current row.