iview table 單選 多選 獲取選中行

2021-09-09 08:29:41 字數 1181 閱讀 2468

通過設定屬性 highlight-row,可以選中某一行。

當選擇時,觸發事件 @on-current-change,可以自定義操作,事件返回兩個值 currentrow 和 oldcurrentrow,分別為當前行的資料和上一次選擇的資料。

通過給 columns 資料設定一項,指定 type: 『index』,可以自動顯示乙個從 1 開始的索引列。使用 indexmethod 可以自定義序號。

給 data 項設定特殊 key _highlight: true 可以預設選中當前項。

呼叫 clearcurrentrow 方法可以手動清除選中項。

通過給 columns 資料設定一項,指定 type: 『selection』,即可自動開啟多選功能。

給 data 項設定特殊 key _checked: true 可以預設選中當前項。

給 data 項設定特殊 key _disabled: true 可以禁止選擇當前項。

正確使用好以下事件,可以達到需要的效果:

按照官網,試了n多種方法,但是都不能獲取選中行

檢視源**,發現有個getselection方法

結果用這個方法解決了以下問題,記錄一下:

包括:單選、多選列和列的渲染方式。

tablecolumn: [,,

},filter.ruletypefilter(params.row.ruletemplate.ruletype)

)]);}},

},params.row.ruletemplate.name

)]);}},

,,

,props: ,

on: }},

'修改'

),h(

'a',

,props: ,

on: }},

'檢視'

),h(

'a',

,props: ,

on: }},

'刪除'

),h(

'a',

,props:

},'繫結指標'

)]);}}

],

獲取選中行的方法

handleselectrow(selection, index) ,
以此記錄以下,請各位大神賜教。

單選多選按鈕

專案 現單選多選這種情況挺多的,所以整合成乙個控制項了,使用方便,可以設定單選,也可以設定多選,最主要的是採用了流式布局,會自動根據螢幕大小和內容進行自動折行。android id id buttnlayout android layout width match parent android la...

ExtJs grid單選,多選

一 seltype checkboxmodel singleselect true,單選 multiselect true,多選 singleselects edit 表示只有選擇一行記錄時edit才可點選,其他情況被禁用,edit表示按鈕的id multiselects delete 表示當選擇一...

單選多選(CocosCreator)

推薦閱讀 首先來說說我們的需求吧 隨機出現單選題或者多選題,完全回答正確才算正確 多選題中少選錯選算錯 核實答案的正確性,某個選項選擇正確出現選項正確標誌,某個選項選擇錯誤出現錯誤標誌 選項錯誤包括單選中選擇錯誤的選項 多選中未選擇的選項 下面,先來實現單選多選介面 單選 為singleanswer...