如何在动态列表视图上安装点击处理程序（在tornadofx中）

Question

我的应用程序需要允许添加到列表视图。我已经想通过使用observableArrayList来动态添加到列表视图。如果我点击按钮，一个项目被添加到列表并显示。

现在我努力添加一个点击处理程序（我想处理当有人点击列表视图中的任何项目时发生的事件）。我在哪里做这个？

这是我的代码。

package someapp 

import javafx.collections.FXCollections 
import javafx.geometry.Pos 
import javafx.scene.layout.VBox 
import javafx.scene.text.FontWeight 
import tornadofx.* 

class MyApp : App(HelloWorld::class) { 
} 

class HelloWorld : View() { 
    val leftSide: LeftSide by inject() 

    override val root = borderpane { 
     left = leftSide.root 
    } 
} 

class LeftSide: View() { 

    var requestView: RequestView by singleAssign() 

    override val root = VBox() 

    init { 
     with(root) { 
      requestView = RequestView() 
      this += requestView 

      this += button("Add Item") { 
       action { 
        requestView.responses.add(Request("example.com", 
          "/foo/bar", 
          "{ \"foo\" : \"bar\"}".toByteArray())) 
       } 
      } 

     } 
    } 

} 


class RequestView : View() { 

    val responses = FXCollections.observableArrayList<Request>(
    ) 

    override val root = listview(responses) { 
     cellFormat { 
      graphic = cache { 
       form { 
        fieldset { 
         label(it.hostname) { 
          alignment = Pos.CENTER_RIGHT 
          style { 
           fontSize = 22.px 
           fontWeight = FontWeight.BOLD 
          } 
         } 
         field("Path") { 
          label(it.path) 
         } 

        } 
       } 
      } 
     } 

    } 

} 

class Request(val hostname: String, val path: String, val body: ByteArray) { 
} 

Answer 1

配置在ListView的项目被选中时的回调，使用onUserSelect回调：

onUserSelect { 
    information("You selected $it") 
} 

您可以选择通过多少次点击构成选择为好，默认为2：

onUserSelect(1) { 
    information("You selected $it") 
} 

您使用一些过时的结构在你的代码，在这里被转换为最佳做法:)

的更新版本

class MyApp : App(HelloWorld::class) 

class HelloWorld : View() { 
    override val root = borderpane { 
     left(LeftSide::class) 
    } 
} 

class LeftSide : View() { 
    val requestView: RequestView by inject() 

    override val root = vbox { 
     add(requestView) 
     button("Add Item").action { 
      requestView.responses.add(Request("example.com", 
        "/foo/bar", 
        """{ "foo" : "bar"}""".toByteArray())) 
     } 
    } 
} 


class RequestView : View() { 
    val responses = FXCollections.observableArrayList<Request>() 

    override val root = listview(responses) { 
     cellFormat { 
      graphic = cache { 
       form { 
        fieldset { 
         label(it.hostname) { 
          alignment = Pos.CENTER_RIGHT 
          style { 
           fontSize = 22.px 
           fontWeight = FontWeight.BOLD 
          } 
         } 
         field("Path") { 
          label(it.path) 
         } 
        } 
       } 
      } 
     } 
     onUserSelect(1) { 
      information("You selected $it") 
     } 
    } 

} 

class Request(val hostname: String, val path: String, val body: ByteArray)