jquery - フレキシグリッドにツールチップを追加するには?

Question

私はフレキシグリッドを初めて使用しますが、フレキシグリッドテーブルの各セルとテーブルヘッダーにツールチップと複数行のツールチップを追加する方法に関するドキュメントや例はあまりありません.

フレキシグリッドのツールチップの例とサンプルはありますか?

ありがとう

フレキシグリッドについてhttp://flexigrid.info/

Answer 1

次のコードを使用して、ツール ヒントを機能させることができました。

function loadToolTips(){
$('#Employees tr').each( function(){

            var tooltip = 'Employee Code : '
            tooltip = tooltip + $('[abbr="EmployeeCode"]',this).text();
            tooltip = tooltip + '<br />';

            tooltip = tooltip + 'Name: ' 
            tooltip = tooltip + $('[abbr="Name"]',this).text();
            tooltip = tooltip + '<br />';

            tooltip = tooltip + 'Department: ' 
            tooltip = tooltip + $('[abbr="Department"]',this).text();
            tooltip = tooltip + '<br />';

            tooltip = tooltip + 'Section: ' 
            tooltip = tooltip + $('[abbr="Section"]',this).text();

            $("td", this).each(function() {
                var $TableCell = $(this);
                $TableCell.attr("title", tooltip);
                $TableCell.addClass("tooltip");
            });
        });
$('.tooltip').tooltipster();

}

まず、グリッド内のすべての行を反復処理し、abbr を使用して行内の各セルから値を取得してツール ヒントを作成します。

行内の各セルに対して、ツール ヒントの値を含む title 属性を追加します。

クラスのツール ヒントも追加しますが、これは単にツールチップスターを使用しているからです。

onSuccess メソッドが呼び出されたときに、loadToolTips 関数を呼び出します。

preProcess: somefunction,
onSuccess: loadToolTips