爲了解決增刪等複雜交互的問題,中繼器是個不錯的選擇。數據庫
拖拽出一個默認的中繼器函數
中繼器的數據集感受就像是數據庫同樣,在右邊檢視窗口中能夠看到中繼器的默認數據集,能夠理解成一張二維表。默認有1列,現成的3行數據。根據須要添加列,就像數據庫中給某張表添加一個屬性同樣,最好用英文。也能夠添加默認行 spa
我改的以下:blog
雙擊拖出的中繼器進入中繼器單元頁面,添加些須要的展現元素。變量
修改後回主頁面index查看中繼器im
點擊後看檢視部分「每項加載時」,添加用例d3
關聯拖拽
將中繼器頁面中的元件與列名進行關聯映射,每一個單獨設置。數據
添加行db
主頁面添加一個按鈕,「鼠標單擊時」添加用例
彈出以下頁面,點擊fx設置新增行中每一列的值,若是用局部變量或自帶函數的話點上面「插入變量或函數」比較方便。局部變量自定義後可在裏面找到
刪除行:
1.刪除當前行
在中繼器頁面添加按鈕,用例中選擇刪除行,This即爲所在行
2.全刪
主頁面中添加按鈕,添加用例。既然都刪,條件設置成恆爲true就行了
而後按F5預覽下成果吧。
若是碰到了"每次新添行時,以前行的列的內容變成了與新添行的列同樣"的問題,是因爲"在中繼器頁面中與元件關聯的是主頁面元件,而沒設置成中繼器數據集對應的列"的緣由。