jquery Ztree滑鼠移入記錄提示的配置

2021-06-29 01:48:53 字數 1034 閱讀 7109

ztreejquery樹控制項節點全稱省略滑鼠移入顯示keydatatitle  

原創 [摘要]: 當樹節點的名稱有些很長時,全部顯示出來顯得很擁擠的情況下,我們會想到用省略節點名稱來代替,當滑鼠移入節點時能夠顯示該節點的全稱。這樣我們應該如何做呢? 首先,我們要在樹的節點內多增加乙個屬性用於設定該節點的全稱,這裡我們以title名稱為例吧,示例**如下所示: , , 其次需要設定setting內data旗下key的title關鍵屬性對應的屬性名稱。 官方api內...

當樹節點的名稱有些很長時,全部顯示出來顯得很擁擠的情況下,我們會想到用省略節點名稱來代替,當滑鼠移入節點時能夠顯示該節點的全稱。這樣我們應該如何做呢?

首先,我們要在樹的節點內多增加乙個屬性用於設定該節點的全稱,這裡我們以title名稱為例吧,示例**如下所示:

view sourceprint?,,

其次需要設定setting內data旗下key的title關鍵屬性對應的屬性名稱。

官方api內是這樣解釋key內title的:

view sourceprint?

ztree 節點資料儲存節點提示資訊的屬性名稱。[setting.view.showtitle = true 時生效]

如果設定為 "" ,則自動與 setting.data.key.name 保持一致,避免使用者反覆設定

預設值:""

看明白了把,預設情況下會和name屬性一致。

為此,我們需要手動設定一下title對應的屬性名稱,設定**如下所示:

view sourceprint?

var setting = ,

showtitle:true, //是否顯示節點title資訊提示 預設為true

key: }};

這樣一來,我們就可以達到我們想要的效果了。省略顯示節點名稱,滑鼠移入時顯示其節點的全稱。效果圖如下所示:

ztree樹控制項key配置之title:ztree樹節點名稱過長如何省略顯示且滑鼠移入節點上能夠顯示全稱

ztreejquery樹控制項節點全稱省略滑鼠移入顯示keydatatitle  

**: 

《HTML滑鼠移入特效》

前幾篇部落格一直在分享過去的經歷,我想或許該分享一些乾貨了 學習完這些內容去應用到實戰會讓你更加深刻的記住所學習的內容 滑鼠移入改變字型顏色 demo 滑鼠移動到這!滑鼠移入改變背景顏色 文字顏色 demo 滑鼠移動到這!可能會有小夥伴發現起到作用的還是 hover這個 對的沒錯,他是乙個滑鼠移入事...

滑鼠移入移出事件

js給網頁新增互動 功能 修改樣式。核取方塊 滑鼠提示框 將滑鼠移入核取方塊,div顯示 display block 滑鼠移出核取方塊,div隱藏 display none 事件 使用者的操作,onmouseover 滑鼠移入事件,onmouseout 滑鼠移出事件 testing mouseeve...

PowerBuilder滑鼠移入移出事件

powerbuilder中只有視窗和富文字有mouse事件外,其他都沒有 powerbuiler中沒有滑鼠移入移出的直接事件,需要我們自己定義 1.首先需要定義乙個結構,用來儲存滑鼠的座標 position 2.宣告兩個全域性外部函式 3.新增timer 在在視窗的open事件或者某個觸發事件中新增...