jfGridは一つの例を使用する電源ソフトアジャイルフレームワーク

ソフトパワーのBaiduのチュートリアルの下では、すべてのjqGridのうちアジャイルフレームワーク、基本なしに、jfGrid。まあ、それだけで自分自身を始めるようです

データ形式のイベントでプロパティを使用する今日Laijiangjiangカラム（フォーマッタ）の

 

図2に示すように従来の使用。

まず、各パラメータの意味ということです。

あるセルのcellvalue現在のデータ値は、あなたはそれが何であるかの値を割り当てます。

現在の行の値は、行、現在の行で取得できるデータの各列です。

opは、現在、すべてのjfGrid初期設定データの値が$（ '＃IDは'）である。jfGridにおけるオペアンプ（OP）。基本的な引数は、私は場合には、少なくとも使用、使用することはほとんどありません。

$電池セルのDOMオブジェクト、これは私の機能の多くは、それを達成することができ、より有用です。例えば、上記の例の図のようにも書くことができます

フォーマッタ：関数（cellvalue、行、OP、$細胞）{ 
        IF（cellvalue）{ 
             $ cell.text（cellvalue）。      
        } 
        他{ 
             $ cell.html（ '<スパンクラス= \ "ラベルlabel-危険\">未使用</ span>の'）
        }            
}

 二つの効果は同じです。

 細胞は、例えば、$のcell.css（「背景色」、「赤」）/ $ cell.css（「色」、「赤」）のために、$細胞によって色やフォントの色を変更することができるので

 最後に、設定操作ボタンの実装

フォーマッタ：関数（値、行、OP、$細胞）{ 
    VAR $ DIV = $（ 'の<div> </ div>'）。
        {（;; I <L I ++ iの0、L = 5 = VAR）のための
            指針;マージン右：8px VAR $ hbtn = $（ '<スパンクラス= \ "ラベルlabel-情報\"スタイル= \ "カーソル; \ ">按钮」+（I + 1）+ '</ span>の'）; 
            $ hbtn.on（ 'クリック'、機能（）{ 
                VAR名= $（この）は.text（）; 
                警告（名）; 
            }）; 
            $ div.append（$ hbtn）。
        } 


        $ DIVを返します。
}

効果：

 

 

最後に、私は、プロジェクトをスムーズにしたいです。