jQgrid 在加载时发布自定义数据

Question

想知道是否有人使用 jQgrid 在同一页面上发布来自另一个表单的动态数据。动态的，因为我不知道要发布的输入名称，但宁愿在渲染网格时只发布整个序列化表单。

我在 postData 中设置了额外的数据，但它没有正确地传递到 url，因为它看起来是双 url 编码的。见：

$(document).ready(function() {
  $("#rpt").jqGrid( 
  { url:'/get.json',
   postData: {filter: $('form').serialize()}, 
  datatype: "json", 
  gridview: true,
  colModel:[id:'col1']
 });
});

通过此处和其他站点上的各种线程，我尝试了表单上建议的 JSON.stringify 和 serializearray() 以及自定义函数，但均无济于事。表单数据显示为已编码，无法通过 _GET 在另一端获得。

任何建议都会很棒 - 谢谢！

Answer 1

我不确定您希望以哪种形式从服务器端的表单中获取数据。不过，我建议您以以下形式使用postData

postData: {
    filter: function () {
        var result = {}, i, item,
            formInfo = $('form#myForm').serializeArray(),
            l = formInfo.length;
        for (i = 0; i < l; i++) {
            item = formInfo[i];
            result[item.name] = item.value;
        }

        return JSON.stringify(result);
    }
}

如果是以下测试表格

<form id="myForm">
  <div><input type="text" name="a" value="1 from a" id="a" /></div>
  <div><input type="text" name="b" value="2 from b" id="b" /></div>
  <div><input type="hidden" name="c" value="3 from c" id="c" /></div>
  <div>
    <textarea name="d" rows="8" cols="40">4</textarea>
  </div>
  <div><select name="e">
    <option value="5" selected="selected">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
  </select></div>
  <div>
    <input type="checkbox" name="f" value="8" id="f" />
  </div>
</form>

result 变量将是

var result = {
    a: "1 from a",
    b: "2 from b",
    c: "3 from c",
    d: "4",
    e: "5"
}

因此不会进行数据转换。然后我建议使用JSON.stringify 将对象result 转换为JSON 字符串。 （取决于可能不需要的服务器代码。）所以filters 参数将被发送为

{"a":"1 from a","b":"2 from b","c":"3 from c","d":"4","e":"5"}

您可以使用Fiddler或Firebug查看对应的小demo的HTTP流量。