以前の記事でigGridで画像を表示する方法を紹介しました。この記事を変更させてください。UIのGridを使ってみた。rowTemplateオプションは非推奨」となっておりこの方法は使用できなくなりました。2のままなのは、これへの対応が完了してない為なんです。えっと愚痴話はこの辺でやめて。rowTemplateオプションの代替策としては、カラム個別の列テンプレートを使います。以下はgirid内にアイコンを表示する事例で、rowTemplateオプションの使用から、ColumnsのTemplateへ記述を移動させた例です。RowTemplate-->Columns.Template[喜帳面.net]での[.Template]の使用事例を紹介したいと思います。iggridのTemplate使用事例グリッド内の列を右寄せするサンプルソースの17、18行目を見てください。align=right>${Kingaku}</div>");これで、[Kingaku]列が右寄せされます。ちなみに17行目についてもふれておきますね。.HeaderText(@rsGlobal.Kingaku)これは、見出し部のテキスト指定です。プロジェクト内のリソースファイル[rsGlobal.resx]の名前"Kingaku"をセットしています。事前に「@using」でリソースフォルダを指定しておきます。.Format(@ViewBag.KingakuFormat)これは金額のフォーマット指定です。等をセットしています。」って方法が以下のサンプルに記載されています。こちらも検討ください。jp.igniteui.comグリッド内にアイコン等の画像を表示するサンプルソースの11,12行目を見てください。'width:20px;height:20px'></IMG>");//2画像の表示例これで、画像が表示されます。model.Iconには画像ファイルのURIを渡します。classで、UrlHelper.GenerateContentUrlメソッドを使って作成します。グリッド内にアイコン等の画像を配置してクリックされたら何かするサンプルソースの14,15行目を見てください。/>");//3function呼び出し.Templateへのセットでは、inputタグのtype属性にimageを指定し画像ボタンを作成しています。ファンクション(この例ではeditgridList)が呼び出されます。この際、引数には当該行のPrimaryKeyである[HogeId]の値が渡されます。[喜帳面.net]での例では、クリックされたら当該行のカラム内の値をダイアログ表示したりしてます。"Kingaku");//getCellValueで値を取得}getCellValueの第一引数には、プライマリキーを渡しています。こんなかんじでcellの値を取得することができます。以上、igGrid列テンプレートの使用例でした。