1. 程式人生 > >動態改變easyui datagrid 列的title

動態改變easyui datagrid 列的title


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('需要顯示的新標題');