4

MVC3 で JQuery を使用してグリッドを作成しました。グリッドにはモデルからのデータが表示されますが、グリッド内の列の 1 つにハイパーリンクを配置するつもりなので、ユーザーがリンクをクリックすると検索できるはずです。行の値に関連するデータ..以下は、グリッドを表示するコードです。

<script type="text/javascript">
$(document).ready((function () {
    $("#list").jqGrid({
        url: '/list/GetDet/', 
        datatype: 'json',
        mtype: 'GET',
        colNames: ['Code', 'Name', 'Location'], //column name
        colModel: [
      { name: 'Code', index: 'Code', width: 100, align: 'right' },
      { name: 'Name', index: 'Name', width: 100, align: 'left' },
      { name: 'location', index: 'location', width: 100, align: 'left'}],

        pager: $('#pager'),
        rowNum: 5,
        rowList: [5, 10, 20, 50],            
        sortname: 'Code',
        sortorder: "desc",
        viewrecords: true,
        caption: 'Details'            
    });
})); 
</script>

名前列へのリンクを作成する場合、どのように提供すればよいですか

4

4 に答える 4

0

getCellメソッドを使用できます（ jqGrid docs で説明されているように）。JavaScript でこの値を取得したら、好きなように処理できます。

于 2012-09-05T15:19:51.567 に答える
0

URL の送信に問題があると思います。これがその問題を解決するため
のリンクです。

于 2012-09-05T11:24:54.497 に答える
0

リンクしたい実際のリンクまたはIDを配置するgetDataアクションでは、セルを作成する場所で完全なhtml文字列を使用します。サーバー<a href="/controller/action/id">View</a>はクライアントに送信でき、リンクとして表示されます。これは、ハイパーリンクではなく実際のインデックスに対して行われたため、検索や並べ替えには影響しません。

私は通常、サーバー側でアクションを準備しますが、クライアント側で実行したい場合は、カスタム関数をフォーマッタとして指定し、必要に応じて値をフォーマットできます。 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:colmodel_options formater オプションを見てください。

于 2012-11-09T01:44:27.777 に答える
0

name列にはキャメルケースを使用し、列の開始単語の宣言にはindex,を使用します。don't use capital letterグリッドを使用する場合、ロードされません。

例：

{ name: 'code', index: 'code', width: 100, align: 'right' }, { name: 'name', index: 'name', width: 100, align: 'left' }, { name: 'location', index: 'location', width: 100, align: 'left'}],

あなたの問題は、以前に尋ねられた質問に関連してRetrieve value of cells, when in edit mode in JqGridいます

関数ではeditLink、列のインデックス名を使用して行の値を取得します。

function editLink(cellValue, options, rowdata, action)
{
    alert('Name: '+ rowdata.name);//alerts row value of column
    //return "<a href='/Admin/editProvider/" + rowdata.providerId + "' class='ui-icon ui-icon-pencil' ></a>";
}
于 2014-02-25T06:41:19.647 に答える