EXT 鼠标放到GridPanel的行的某一个单元格显示tip

原创于 2012-02-04 20:44:50 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ext #function

EXT 专栏收录该内容

27 篇文章

订阅专栏

本文介绍如何使用 ExtJS 实现表格中单元格的自定义提示信息功能，包括根据不同签到状态显示特定的提示内容。通过 JavaScript 代码实现动态模板，能够根据不同情况展示如旷课原因、请假原因及相应的时间信息。

 function qtip(value, metadata, record, rowIndex, colIndex, store) {
    var tplStr='<span style="display:table;width:100%;"'
    +'qtip=\'<b>{ReasonName}:</b>{Sign_reason}<br />'
    +'<b>签到时间：</b>{Sign_time_qiandao}<br />'
     +'<b>记录时间：</b>{Sign_time_jilu}<br />'
    +'\'>'+value+'</span>';
    var tpl=new Ext.Template(tplStr);
    switch(record.data.Sign_state) {
        case 2:record.data.ReasonName='旷课原因';break;
        case 3:record.data.ReasonName='请假原因';break;
        default:
    }
   return tpl.apply(record.data);}