web-dev-qa-db-ja.com

jqGridのhtmlリンク列

JqGridの列にhtmlリンクを含めることは可能ですか、ドキュメントに例を見つけることができませんか？

jqueryjqgrid
29
Danny

はい、カスタムフォーマッターまたは Predefined Formatter のいずれかのフォーマッターを使用します。

21
Craig Stuntz

以下は、CraigのjqGrid書式設定ヘルプへのリンクからのcolModel構成のサンプルです。フォーマッタをshowLinkとして指定し、urlとparamsをformatoptionsで指定します。

colModel: [ {name:'myname', 
             edittype:'select', 
             formatter:'showlink', 
             formatoptions:{baseLinkUrl:'someurl.php', addParam: '&action=edit'}
28
Randy Klingelheber

古い質問に投稿して申し訳ありませんが、私のために働いた別のオプションがあります： カスタムフォーマッタ を作成し、アンカータグを返すだけです（リンクを本当にきめ細かく制御する必要がある場合は良いオプションです）：

function returnMyLink(cellValue, options, rowdata, action) 
{
    return "<a href='/Controller/Action/" + options.rowId + "' >Click here</a>";
}

クエリによって返されたデータの行データを調べます。これが誰かを助けることを願っています！

22
Patrick

私はグリッドに使用しているjsonデータ内で、hrefタグを含むhtmlコードを送り返すだけです

4
beakersoft

Xmlデータを使用する場合、クエリにダミー列を追加してグリッドに表示できます

グリッド：

colModel :[{name:'EDIT',edittype:'select',formatter:'showlink', width:5,xmlmap:"Edit",formatoptions:{baseLinkUrl:'someurl.php', addParam: '&action=edit'}},

クエリ：

select f1,f2,f3, 'Edit' as Edit FROM table
3
yei