动态改变easyui datagrid 列的title

时间:2021-06-24 16:17:07

动态改变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('需要显示的新标题');