1. 程式人生 > >[easyui]datagrid滑鼠移動顯示單元格內容

[easyui]datagrid滑鼠移動顯示單元格內容

當單元格內容過長無法完全顯示怎麼辦?

這裡寫圖片描述

如果滑鼠移動到該單元格可以自動顯示出所有文字內容就好啦。
這裡寫圖片描述

這裡提供兩個思路

  1. 給對應節點新增一個title屬性,值就是節點的內容
  2. 新增事件,移動到單元格就用一個tooltip顯示內容

方法一

新增title屬性,值為文字內容

首先找到對應節點
這裡寫圖片描述

可以根據這個其中的一個class來定位 datagrid-cell

假設這個datagrid的id為dg

那就這麼寫

這裡要用.parent(),因為單元格並不在#dg裡面

$('#dg').parent().find('.datagrid-cell').each(function(){
    $(this).attr('title',$(this).html());
});

如果說只想讓某一列有提示那也是可以的

$('#dg').parent().find('td[field=itemid] .datagrid-cell').each(function(){
    $(this).attr('title',$(this).html());
});

方法二

先不寫了。