Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-2531

Support tabindex for Listbox and Tree in paging and default molds

    XMLWordPrintable

    Details

    • Type: New Feature
    • Status: Closed
    • Priority: Normal
    • Resolution: Done
    • Affects Version/s: 7.0.3
    • Fix Version/s: 7.0.4
    • Component/s: General
    • Security Level: Jean
    • Labels:

      Description

      Currently, listbox supports tabindex only in select mold.

      It could support tabbing order by placing tabindex on the hidden anchor.

      For example,

      workaround.zul
      <zk xmlns:w="client">
          <style>
              :focus {
                  outline: 5px solid red !important;
              }
          </style>
          <vlayout>
            <button label="button" tabindex="1"/>
            <checkbox label="checkbox" tabindex="3"/>
            <listbox w:tabindex="2">
                  <attribute w:name="onBind"><![CDATA[
                      var anchor = this.$n('a');
                      anchor.tabIndex = this.tabindex;
                  ]]></attribute>
                  <listitem label="1"/>
                  <listitem label="2"/>
                  <listitem label="3"/>
              </listbox>
          </vlayout>
      </zk>
      

      updated: should also add tab ordering support in Tree as well

        Attachments

          Activity

            People

            Assignee:
            hanhsu hanhsu
            Reporter:
            neillee neillee
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved: