jquery - jqGrid tableToGrid "options"参数

Question

基础知识

大家好，我在 jqGrid wiki 上看到 tableToGrid 方法(由 Peter Romianowski 编写)定义为 tableToGrid(selector, options)，但找不到任何包含 options 文档的地方

有人知道这些或在哪里可以找到它们吗？编辑:谢谢奥列格，解决了!

更多

我实际上想做的是将生成的 jqGrid 封装在 form 中，这将提交表列中的 checkbox 值。我的问题是 tableToGrid 方法似乎从 checkbox 元素中删除了 name 属性，因此它们没有与表单发布一起提交.

Answer 1

就像您可以在 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:table_to_jqgrid 上阅读一样tableToGrid 方法的选项参数只不过是您创建的 jqGrid 的选项(参见 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options)。

如果我理解你的主要问题，你会从服务器收到一些数据作为表单提交的答案。你想把这些数据放在一个网格中。为此，您可以使用更直接的方式使用 jqGrid 的 datatype: 'local'。这是一个例子:

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 中有很多复选框，那么查看我来自 Vertical text inside table headers using a JavaScript-based SVG library 的示例可能会很有趣。并在 http://www.ok-soft-gmbh.com/VerticalHeaders/TestFixedO1.htm 上查看结果.