2011-09-13 7 views
5

jqGridでは、行データを追加するときに、セルのタイトル(ホバー)テキストを定義できますか?jqGridのホバーテキストをAddRowDataで定義できますか?

var rowid; 

for(var j=0;j<10;j++) 
    { 
     rowid = jQuery.Guid.New(); 
     jQuery("#myJqGrid").jqGrid('addRowData',rowid,{Amount:"$"+j+".00",Date:"09/30/2015"}); 
    } 

行が追加されている間、ROWIDおよびカスタムのホバーテキストのために必要とされるデータをより容易に入手可能であるように私は、それが完了した後にグリッドをループに持っていない希望しません。

ありがとうございます!

答えて

15

グリッド内の特定のセルにカスタムツールチップを設定する必要がある場合は、setCellのセルを使用できます(hereの例を参照)。一部の列のすべてのセルにツールチップを設定したいが、カスタムルール(セル値のような同じツールチップだけではない)を設定したい場合は、cellattrを使用することをお勧めします。あなたは、パフォーマンスのために関心を持っている場合は、多くの欠点を持っている古いaddRowDataメソッドを使用してはならない

enter image description here

:たとえば次のようなツールチップを表示するデモhereを参照してください

{name: 'name', index: 'name', width: 70, 
    cellattr: function (rowId, val, rawObject, cm, rdata) { 
     return 'title="' + rawObject.name + ' (' + rawObject.note + ')"'; 
    }} 

を使用することができますあなたは、入力データと使用フォーマッタの日付がある場合は

  • :「日付」を、あなたはを使用する必要があります日付を正しい形式にします。オプションについての情報はほとんどありません。the documentationにあります。
  • 行の後に挿入したデータは、すべて同じページに配置されます。正しいローカル日付のページングを行うには、もう一度グリッドをリロードする必要があります。
  • パラメータ(上記のデモ)と組み合わせたdataのパラメータとの比較は、addRowDataに関するグリッドの組み込みが非常にゆっくりです。行の数が多い場合は、違いを見ることができます。私は2つのパラメータrowiddataが交換されthe lineにjqGridでバグを発見cellattraddRowDataを使用し、デモの作成時に
  • 。私はちょうどthe bug reportを投稿しました。したがって、cellattraddRowDataを一緒に使用するには、jquery.jqGrid.src.jsに小さな修正を加える必要があります。

addRowDatahereのデモを参照してください。 jquery.jqGrid.src.jsの修正版を使用した場合(詳細はバグレポートを参照)

+0

>パフォーマンス面で興味がある場合は、古いaddRowDataメソッドを使用しないでください。 addRowDataに取って代わるものはありますか? –

+0

また、cellattrのrawObjectはUndefinedです。それが機能するにはカスタム修正が必要ですか? –

+1

@マーク・マスラール:どうぞ、私の答えを慎重に読んでください。 1)私は "gridview:true"パラメータと組み合わせて 'data'パラメータを使用すると書いています(最初のデモを参照してください(http://www.ok-soft-gmbh.com/jqGrid/DataWithCustomTitle.htm ))は、 'addRowData'の使用法としてより良いパフォーマンスを提供します。2)' addRowData'を使用する場合にツールチップ**で 'undefined'という結果を出さないようにするには** [バグ修正](http:// www .trirand.com/blog /?page_id = 393/bugs/add-add-data /#p24608)。それは[第2のデモ](http://www.ok-soft-gmbh.com/jqGrid/addRowDataWithCustomTitle0.htm)で使用されています。 – Oleg

関連する問題