動態改變easyui datagrid 列的title
阿新 • • 發佈:2019-01-27
1.通過截圖知道,要修改的title是span標籤中的文字,所以我要想辦法拿到span標籤物件。
2.span標籤不能直接取到,應為沒有任何屬性可以唯一標識這個標籤。檢視這個標籤的父節點,父節點div中的class屬性中包含這個列的field欄位,可以通過這個取到這個div。要求是這個列的field欄位不能是其他節點的class屬性。我們可以通過JQuery的模糊選擇器取到該節點
$('div[class$="mfmservice"]');
3.這個節點存在兩個子節點,且都是span標籤。通過比較這兩個span標籤,發現其中有一個存在class屬性,並且其他的列可是這樣的。所以可以取沒有.datagrid-sort-icon這個class屬性的子節點,取到的子節點就是需要修改的子節點。
$('div[class$="mfmservice"] :not(.datagrid-sort-icon)');
4.取到span標籤之後使用JQuery方法就可以修改值了。
$('div[class$="mfmservice"] :not(.datagrid-sort-icon)').html('需要顯示的新標題');