jqgrid tabletogrid「オプション」パラメーター
質問
基本
こんにちは、私は次のように定義されているTableTogridメソッド(Peter Romianowskiによる)を見ました tableToGrid(selector, options)
jqgrid wikiでは、 options
誰かがこれらを知っているのですか、それともどこでそれらを見つけるか?編集:オレグに感謝します、解決しました!
もっと
私が実際にやろうとしているのは、結果のjqgridを form
, 、それを提出します checkbox
テーブルの列にある値。私の問題はそれです tableToGrid
メソッドは削除されているように見えます name
からのプロパティ checkbox
要素のため、フォームポストで提出されていません。
解決 2
解決しました
JQGrid TableTogridメソッドは、元のテーブルにチェックボックスの値を見つけ、自動的に実装します multiSelect: true
結果のJQGridのオプション。本質的なチェックボックスを表示します。選択した行IDのリストを取得するには、電話をかけるだけです
$('#grid').getGridParam('selarrrow')
他のヒント
あなたが読むことができるように 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.
任意の数の列の列幅を変更します
この場合、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]);})
}
}