jf-roku/components/config/list.xml

<?xml version="1.0" encoding="utf-8" ?>
<component name="ConfigList" extends="MarkupList">
  <interface>
    <field id="configItems" type="nodearray" onChange="setData" />
  </interface>
  <script type="text/brightscript" uri="pkg:/source/utils/config.brs" />
  <script type="text/brightscript">
  <![CDATA[
  sub init()
    m.top.itemComponentName = "ConfigItem"

    m.top.drawFocusFeedback = True
    m.top.vertFocusAnimationStyle = "floatingFocus"

    m.top.observeField("itemSelected", "onItemSelected")

    m.top.itemSize = [1000, 80]
    m.top.itemSpacing = [0, 20]
    m.top.vertAlign = "middle"

    m.top.setfocus(true)

  end sub

  function setData()
    items = m.top.configItems
    data = CreateObject("roSGNode", "ContentNode")
    data.appendChildren(items)

    m.top.content = data
  end function

  function onItemSelected()
    i = m.top.itemSelected
    itemField =  m.top.content.getchild(i)

    show_dialog(itemField)

  end function

  function onDialogButton()
    d = m.dialog
    button_text = d.buttons[d.buttonSelected]

    if button_text = "OK"
      m.configField.value = d.text
      dismiss_dialog()
      return true
    else if button_text = "Cancel"
      dismiss_dialog()
      return true
    end if
  end function


  sub show_dialog(configField)
    dialog = createObject("roSGNode", "KeyboardDialog")
    m.configField = configField
    dialog.title = "Enter the " + configField.label
    dialog.buttons = ["OK", "Cancel"]

    if configField.type = "password"
      dialog.keyboard.textEditBox.secureMode = true
    end if

    if configField.value <> ""
      dialog.text = configField.value
    end if

    m.top.getparent().dialog = dialog
    m.dialog = dialog

    dialog.observeField("buttonSelected", "onDialogButton")
  end sub

  sub dismiss_dialog()
    m.dialog.close = true
  end sub
  ]]>
  </script>
</component>