3

基本

tableToGrid(selector, options)こんにちは、私はjqGrid wikiで定義されているtableToGridメソッド（Peter Romianowskiによる）を見ましたが、options

誰かがこれらについて、またはそれらを見つける場所を知っていますか？編集：ありがとうオレグ、解決しました！

もっと

私が実際にやろうとしているのは、結果のjqGridをで囲み、テーブルの列にある値をform送信することです。checkbox私の問題は、メソッドが要素からプロパティをtableToGrid削除しているように見えるため、フォームの投稿で送信されていないことです。namecheckbox

4

3 に答える 3

7

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:table_to_jqgridで読むことができるように、メソッドのオプションパラメータはtableToGrid、作成するjqGridのオプションにすぎません（http：// wwwを参照）。 .trirand.com / jqgridwiki / doku.php？id = wiki：options）。

私があなたの主な問題を正しければ、フォーム送信の回答としてサーバーからいくつかのデータを受け取ります。そして、このデータをグリッドに配置します。datatype: 'local'これを行うには、jqGridを使用してより直接的な方法を使用できます。次に例を示します。

var grid = jQuery('#list').jqGrid({
    caption: 'Testclusters',
    height: 'auto',
    gridview: true,
    rownumbers: true,
    sortable: true,
    datatype: 'local',
    viewrecords: true,
    pager: '#pager',
    pgbuttons: false,
    pginput: false,
    rownumbers: true,
    colNames: ['Name', 'Testtiefe', 'Std', 'FachlicheTests', 'RowVersion'],
    colModel: [
        { name: 'Name', index: 'Name', width: 120 },
        { name: 'TesttiefeName', width: 180 },
        { name: 'Std', width: 21, formatter: 'checkbox', align: 'center' },
        { name: 'IsFachlicheTests', width: 21, formatter: 'checkbox', align: 'center' },
        { name: 'RowVersion', width: 50, hidden: true }
                ]
}).navGrid('#pager', { edit: false, add: false, del: false, refresh: true, view: false, search: false })
  .navButtonAdd('#pager', { caption: "", buttonicon: "ui-icon-calculator", title: "choose columns",
      onClickButton: function() {
          jQuery('#list').jqGrid('columnChooser');
      }
});
grid.jqGrid('gridResize');
var myData = [
    { Name: "VIA XP", TesttiefeName: "Alle SW-Produkte", Std:true, IsFachlicheTests:false, RowVersion: "20FC31" },
    { Name: "KUBUS", TesttiefeName: "Alle SW-Produkte", Std:false, IsFachlicheTests:true, RowVersion: "20FC32" }
];

for (var i = 0; i <= myData.length; i++) {
    grid.addRowData(i + 1, myData[i]);
}

まず、空のjqGridを作成してから、addRowDataメソッドに関して入力します。

さらに、jqGrid内に多くのチェックボックスがある場合、JavaScriptベースのSVGライブラリを使用してテーブルヘッダー内の垂直テキストから私の例を見て、 http：//www.ok-soft-gmbhで結果を確認することは興味深いかもしれません。 com / VerticalHeaders/TestFixedO1.htm。

于 2010-04-28T12:18:54.407 に答える
1

解決済み

jqGrid tableToGridメソッドは、元のテーブルのチェックボックスの値を検索multiSelect: trueし、結果のjqGridにオプションを自動的に実装して、組み込みのチェックボックスを表示します。選択した行IDのリストを取得するには、次のように呼び出します。

$('#grid').getGridParam('selarrrow')
于 2010-05-04T09:03:47.577 に答える
0

任意の数の列の列幅を変更します

この場合、jqgridがビルドされた後、生成されるテーブルに移動して、面倒なコードを修正することなく、列ヘッダーのすべての列幅とそれぞれのデータを手動で変更できます。

        var tabColWidths ='70px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px|125px';

function reDefineColWidth(){
        var widthsArr = tabColWidths.split('|');

    for(var j=0; j < widthsArr.length ; j++ ){
            $('.ui-jqgrid-labels > th:eq('+j+')').css('width',widthsArr[j]);
            $('#grid tr').find('td:eq('+j+')').each(function(){$(this).css('width',widthsArr[j]);})
        }
}
于 2013-11-13T12:48:51.367 に答える