0

私はこのようなjqgridを持っています

colNames: ['Name','Actions'],

 colModel: [

        { name: 'name', index: 'name', align: 'right', editable: true},
{ name: 'act', index: 'act', width: 75, align: 'center', sortable: false, formatter: 'actions',formatoptions: {keys: true,delbutton:false}}
],

アクションフォーマッターの編集ボタンと一緒にカスタムボタンを追加したいと思います。

私はこれを試しましたが、うまくいかないようです。

gridComplete: function(){
    var ids = $("#grid").jqGrid('getDataIDs');
    for(var i=0;i < ids.length;i++){
        var cl = ids[i];
        alert(cl);
        be = "<input style='height:22px;' type='button' value='Edit' onclick=\"window.location.href='editItem.asp?ID="+cl+"'\"  />";

        $("#grid").jqGrid('setRowData',ids[i],{act:be});
    }   
},
4

2 に答える 2

2

あなたの要件が正しいことを理解したら、これとこの古い回答であなたの質問に対する答えを見つけることができます。

于 2012-07-07T11:27:46.890 に答える
1

これは、カスタム フォーマッタの例です (アイテム ID で "Actions" 列の値を設定すると仮定します)。

<script>
    var myCustomFormatter = function(cellVal,options,rowObject) {
        return "<input style='height:22px;' type='button' value='Edit' onclick=\"window.location.href='editItem.asp?ID="+cellVal+"'\"  />";  
    };

    $("#yourTableID").jqGrid({
        ....
        colNames: [....,'Actions'],
        colModel: [
            ....
            { name: 'act', index: 'act', width: 75, align: 'center', sortable: false, formatter:myCustomFormatter}
        ],
        ....
    });

</script>

カスタム フォーマッタについては、jqGrid のドキュメントを参照してください。

于 2012-07-06T14:53:44.717 に答える