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" 
} 

Так без преобразования данные будут выполнены. Затем я предлагаю преобразовать объект result в строку JSON, используя JSON.stringify. (В зависимости от кода сервера он может быть не нужен.) Таким образом, параметр filters будет послан как

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

Вы можете использовать Fiddler или Firebug для изучения HTTP трафика соответствующего малого demo.