iview table 資料勾選功能的實現

2021-10-18 23:02:40 字數 799 閱讀 2991

最近在做新系統的增刪改查     樣式通過勾選table列表資料 然後進行修改或者刪除

在修改的時候要限制勾選的條數  在網上找了一些方法  說是用原生的 this.$refs.selection.selectall(status)

由此來獲取選中的資料  結合專案實際 每個table都是對原有的table進行的封裝然後引用 相當於是父子頁面的方法

但是上面的方法是直接指定table的ref然後才能使用 ref="selection"  這樣的話在父元件裡面不知道怎麼指ref並且動態的傳給子元件(不同於給元件傳值那麼簡單)

後來看到了官網的table資料選擇的事件@on-selection-change(此處有坑剛開始用了@on-select,選中某一項觸發,返回值為selectionrow,分別為已選項和剛選擇的項)

然後將選中的資料儲存到集合裡面  這個就可以動態獲取選中的資料項  (之前用@on-select不是動態的,不能識別選中取消的操作)

但是on-selection-change就封住的恰到好處,能獲取到實時勾選的資料,只要選中項發生變化時就會觸發,相當於是乙個監聽

下面是儲存選中資料方法

//多行選中取數

selecteditems());

selectitems.push(item);}})

this.$emit(『rowcheck』,selectitems)//此處呼叫父頁面的方法將選框的值實時傳給父頁面,這樣就實現了動態獲選選框的資料

return selectitems;

},

jQuery 控制勾選和去勾選

input ratio勾選控制 id prop checked true 勾選 id prop checked false 去勾選注意 一定用prop而不是用attr來控制。目前專案使用的jq版本是3.1.1,在這個版本中,類似於 id attr checked checked id removea...

Extjs checkbox Grid勾選時事件

var sm new ext.grid.checkboxselectionmodel sm.handlemousedown ext.emptyfn 不響應mousedown事件 sm.on rowselect function sm rowindex,record this sm.on rowdes...

Ztree勾選節點後取消勾選其父子節點

前言 ztree官方給的api可以設定勾選乙個節點的同時勾選子節點或者父節點,也可以設定不影響父子節點,即將chkboxtype設定為,而有時我們希望實現這樣的功能,點選乙個節點判斷他所有的父節點和子節點,如果有選中的話就取消勾選,這樣的話官方貌似沒有給出有效的解決方案,這篇文章記錄一下我是怎麼解決...