問題描述:
前段時間做的乙個報表專案,客戶需要滑鼠移動到報表上顯示該單元格的提示資訊,但是提示資訊樣式要求自定義,但帆軟工具針對單元格是不支援自定義樣式的,所以想到用js來自定義方法顯示
解決方案:
首先將需要的提示資訊在資料集中拼接好,如圖
第二步將提示資訊拖到對應的單元格下方隱藏並設定跟隨上方單元格橫向擴充套件,當滑鼠移動到當前單元格時,獲取單元格下方的提示資訊,並展示出來,如圖所示
第三步針對當前報表控制項新增初始化後事件(我使用的是表單,若使用的是cpt報表,請在web屬性設定中選擇載入結束後事件),如圖:
// 獲取單元格id,得到單元格id格式為a1,b1
var idlist = $(this).attr("id").split('-')[0];
// 獲取單元格列
var prefix = idlist.replace(/[^a-z]+/ig,"");
// 獲取行號+1
var suffix = parseint(idlist.replace(/[a-za-z]/g,""))+1;
// 獲取平均成績單元格
var msgid = $(".report0table td[id^='"+prefix + suffix +"']").text();
if (prefix != 'b' && suffix !=2 && msgid != null && msgid != "")
else
var promptstyle =
'' + promptmsg[0] + '
' + '數學:
' + promptmsg[1] + '
' + '語文:
' + promptmsg[2] + '
'+ '英語:
' + promptmsg[3] +'
'+ '平均成績:
' + promptmsg[4] + '
' + ''
$('#tooltip').css().show();
} else
}).mouseout(function() ).mousemove(function (e)
else if(e.pagex <= 140)
if (e.pagey >= (height-120))
//當滑鼠指標從元素上移動時
$("#tooltip").css();
});}, 1000);
預覽效果:
注:以上僅為範例,可根據實際要求進行調整
自定義單元格
自定義單元格有兩種方法 1 通重載入xib的方式 如果單元格的樣式都一樣的話,這種方法很便捷 注 這種方式只能用於單元格樣式一樣的情況 2 全部手寫 通重載入xib的方式自定義單元格 設定重用id cztableviewcell.h檔案 import class czgoods inte ce cz...
jQuery MiniUI自定義單元格
監聽處理 drawcell 事件 使用 drawcell 事件,可以自定義單元格內容 樣式 行樣式等。grid.on drawcell function e 給年齡,增加 歲 字串 if field age 給帳號列,增加背景色 if field loginname 超過1萬工資,紅色標識 if f...
POI自定義單元格類
在用poi做excel匯出的時候,單元格的建立是乙個很頭疼的問題,對於有些 中雜亂無章的單元格順序,比如 這種樹形結構並不像橫向的 有規律,所以就需要一行一行的插入。這是一項沒有啥技術含量且枯燥的事情,但是卻又不得不去做。因此我根據單元格的屬性,自定義了乙個單元格類,稍微簡化了一下工作量。publi...