tornadofx使用listview控制元件繫結物件


import cn.hutool.core.io.resource.ClassPathResource
import javafx.collections.FXCollections
import tornadofx.*

class LearnApp : App(LearnV::class)
class LearnV : View("learn") {
    val lv = this
    val cityList = FXCollections.observableArrayList<City>()
    val selectedCity = objectProperty<City>()
    override val root = borderpane {
        center = form {
            fieldset {
                field {
                    listview(cityList) {
                        selectedCity.bind(selectionModel.selectedItemProperty())
                    }
                }
            }
        }
        bottom =vbox{
            form {
                fieldset {
                    field("item selected:") {
                        label(selectedCity)
                    }
                }
            }
            toolbar {
                Buttons.values().forEach { ss ->
                    button(ss.toString()) {
                        action {
                            ss.run(lv)
                        }
                        useMaxWidth = true
                    }
                }
            }
        }
        prefWidth = 200.0
        prefHeight = 200.0
    }
}

enum class Buttons {
    Clear {
        override fun run(v: LearnV) {
            v.cityList.clear()
        }
    },
    Add {
        override fun run(v: LearnV) {
            v.cityList.addAll(Cities.cities)
        }

        override fun toString(): String {
            return "load list items"
        }
    };

    abstract fun run(v: LearnV)
}

class City(val id: Int, val name: String) {
    override fun toString() = name
}

object Cities {
    val citiesById = ClassPathResource("cities.csv").file.readText().lines()
        .asSequence()
        .map { it.split(",") }
        .map { City(it[0].toInt(), it[1]) }
        .map { it.id to it }
        .toMap()

    val cities = citiesById.values.toList()
}

檔案cities.cvs:

0,Belgrade,717.0,707.0
1,Barcelona,305.0,810.0
2,Berlin,568.0,509.0
3,Brussels,399.0,570.0
4,Bucharest,879.0,698.0
5,Budapest,701.0,649.0
6,Copenhagen,537.0,453.0
7,Dublin,203.0,478.0
8,Hamburg,501.0,495.0
9,Istanbul,932.0,781.0
10,Kiev,900.0,544.0
11,London,318.0,544.0
12,Madrid,182.0,809.0
13,Milan,499.0,713.0
14,Moscow,980.0,304.0
15,Munich,521.0,637.0
16,Paris,343.0,622.0
17,Prague,614.0,587.0
18,Rome,560.0,802.0
19,Saint Petersburg,824.0,305.0
20,Sofia,801.0,760.0
21,Stockholm,631.0,354.0
22,Vienna,616.0,637.0
23,Warsaw,707.0,522.0
24,Reykjavik,95.0,165.0
25,Amsterdam,424.0,536.0 
 
              
           
              
              
            
            相關推薦
			   
            
            
            
 

    

    
    tornadofx使用listview控制元件繫結物件
      
                                        
                                                 

import cn.hutool.core.io.resource.ClassPathResource
import j 

  
 

    

    
    Vue之表單控制元件繫結
       
 
 1.text
 <p>text輸入文字</p>
	<span>Hello {{name}}</span>
        <input type="text" v-model="name" placeholder="yous name" name 

  
 

    

    
    .NET dropdownlist控制元件繫結資料後，新增“全部”項，實現功能
      DropDownList在從資料庫中得到資料來源繫結後,計劃為其新增一個"全部"或"不限"之類的項，新增方法現知的有兩種： 
  
1：在指令碼中直接新增：<asp:ListItem Value="0">全部</asp:ListItem>，然後在DropDownLi 

  
 

    

    
    Android_安卓為按鈕控制元件繫結事件的五種方式
       
 
 寫在最前面 
 　　　　本次，來介紹一下安卓中為控制元件--Button繫結事件的五種方式。 
 二、具體的實現 
 　　　　第一種：直接繫結在Button控制元件上： 
 　　　　　　　　步驟1.在Button控制元件上設定android:onClick="，其中這個屬性的屬性值對應的是MainA 

  
 

    

    
    MFC 手動繫結控制元件 (繫結陣列變數)
      
								
								            
						
                VS2017某個版本沒有成員函式嚮導，要是想要將控制元件繫結在變數上的話需要手動繫結。

以Static Text控制元件為例，其他的也都一樣。



首先，建立一個Static Text控制元件


 

  
 

    

    
    Vue 的（v-model）表單控制元件繫結
       
 
 v-model 為表單控制元件元素建立資料雙向繫結。（將js變數的值 快速 設定到控制元件上，然後將使用者輸入內容 快速 設定回js變數） 
   
 <!DOCTYPE html> 
 <html lang="en"> 
 <head> 
 <m 

  
 

    

    
    vue動態禁用控制元件繫結disable
       
 
 場景 
 報修範圍取值不同時 ，區域有時需要禁用 
 程式碼 
 <el-form-item label="報修範圍" prop="applicationRange" > 
 <el-select v-model="addInfo.applicationRange" placeho 

  
 

    

    
    vuejs表單控制元件繫結
      
							
							
							一、基礎語法

vuejs中用v-model指令在表單控制元件元素上建立雙向資料繫結。它會根據控制元件型別自動選取正確的方法來更新元素。但要注意的是v-model僅僅是語法糖，它只負責監聽使用者的輸入時間一更新資料，並特別處理一些極端的例子。



注：1.·v 

  
 

    

    
    c#給textbox控制元件繫結回車事件
      
                

使用c#開發軟體，給textbox控制元件繫結回車事件，用來在按下回車時執行某些操作，方法就是在窗體載入時，使用  textBox1.KeyUp += new KeyEventHandler(textBox1_KeyUp); 給textbox1繫結鍵盤按下後鬆開的事件。實 

  
 

    

    
    DataGridView控制元件---繫結資料方法
      
								
								            
						
                

    DataGridView控制元件是在windows應用程中顯示資料最好的方式，它只需要幾行簡短的程式碼就可以把資料顯示給使用者，同時又支援增、刪、改操作。今天將自己總結的增加資料的方法總結分 

  
 

    

    
    C# Winform 關於ListView控制元件繫結DataTable
      
                
今天用到ListView控制元件，這裡總結一下ListView控制元件繫結DataTable的方法
下面需要特別注意的是，繫結的過程中實現繫結控制元件的column的屬性，再進行item的繫結。
與DataGridView不同的是，不能直接使用DataSourse繫結，
再 

  
 

    

    
    Vue.js筆記-表單控制元件繫結
      
								
								            
						
                

基礎語法

        可以用v-model指令在表單控制元件元素上建立雙向資料繫結，根據控制元件型別它自動選取正確的方法更新元素。

text


<span>Message is 

  
 

    

    
    @Html.EditorFor等控制元件繫結Model後無法更新的問題
      先簡單說一下現象，@Html的一些輸入控制元件繫結後臺Model值後，如果在後臺再對這個Model進行更改後是無法重新整理頁面控制元件的值的。 原理是當InputHelper在指定表單元素值得時候，會先從當前ModelState中獲取，如果該值在ModelState中不存在，才會從當前ViewData中獲取。 

  
 

    

    
    關於wpf的命令繫結command的指向控制元件繫結問題,Path=和ElementName=設定
      
                
正常我們在page中指定的是viewmodel的上下文,而具體的變數則需要告訴編譯器在datacontent的哪個變數
最後就是這種指定要繫結到控制元件的情況
            <TextBox x:Name="TextBox1" Grid.Column="7" 

  
 

    

    
    動態生成控制元件-繫結事件（VB.NET/C#）
      
								
								            
						
                動態生成控制元件後繫結事件的語句:
C#:TextBox tbb=new TextBox();tbb.ID="tb";tbb.Width=80;tbb.AutoPostBack=true;tbb.Tex 

  
 

    

    
    C# Winform datagridview控制元件繫結資料來源後列順序混亂
      
                
現象描述：
                  datagridview控制元件，預設狀態列順序正常。
                  單擊查詢按鈕，繫結資料來源後，列順序出現變化。
                 （如，正常應該是12345，查詢繫結資料後變為123 

  
 

    

    
    .Net平臺Winform兩個ComboBox控制元件繫結同一個資料來源的問題
      
                
今天WINFROM程式設計遇到這麼一個問題：是有關WINFORM中兩個comboBox控制元件繫結同一個資料來源的問題，在窗體的介面上有兩個comboBox，我在Form1_Load中對他們做了資料繫結（具體程式碼如下），但是執行出現了這個一個奇怪的問題，我改變了combo 

  
 

    

    
    WPF ListBox等控制元件繫結集合
      
                
 public class Student
    {
        private string name;
 
        public string Name
        {
            get { return name; }
         

  
 

    

    
    WPF——控制元件繫結到資料後 第一次載入介面時繫結成功  但後來資料來源發生變化  控制元件無變化
      
                1.在 window_Loaded中設定物件繫結到源

private void window_Loaded(object sender, RoutedEventArgs e)
{
     CurUserName.DataContext = CurrentUserAAA;
 

  
 

    

    
    C# DataGridView控制元件繫結資料來源的方式
      
							
							
							注： 
直接新增並繫結資料庫，要刪除的話，需（？）刪除資料庫中的資料，然後重新給DATAGRIDVIEW繫結資料來源，使用dataGridView.Row.Clear()無效。

第一種：

DataSet ds=new DataSet (); 
this.da