如何使用FlexiGrid将参数传递到Web服务调用

Question

我试图将参数传递给Flexigrid的Web服务调用。

我已经设置FlexiGrid工作得很好，除非当我尝试传递一个参数到我的Web服务调用，但当尝试加载具有该参数的网格时看到500内部服务器错误。

理想情况下，当用户点击提交时，它会调用一个javascript函数来调用flexigrid的ajax调用，但是我在哪里看到Firebug中的500内部服务器错误。

这是说lastName参数从Web服务调用中丢失。该参数是从姓氏搜索文本框中获取的。

任何帮助表示赞赏，因为我是FlexiGrid的新手。

这里是我的Ajax调用：

$("#userflexiGrid").flexigrid({ 
    url: 'FlexiGridService.asmx/GetDirectory', 
    params: [{ name: 'lastName', value: 'doe'}], 
    dataType: 'xml', 
    colModel: [ 
      { display: 'Id', name: 'Employeeno', width: 30, sortable: true, align: 'left' }, 
      { display: 'Name', name: 'Employee', width: 130, sortable: true, align: 'left' }, 
      { display: 'Bureau', name: 'Bureau', width: 180, sortable: true, align: 'left' } 
      ], 
    searchitems: [ 
      { display: 'Name', name: 'Employee' }, 
      { display: 'Bureau', name: 'Bureau' }, 
      ], 
    sortname: "Name", 
    sortorder: "asc", 
    usepager: true, 
    title: 'Flexi Users', 
    useRp: true, 
    rp: 20, 
    showTableToggleBtn: false, 
    pagestat: 'Displaying: {from} to {to} of {total} matches.', 
    //width: 700, 
    singleSelect: true, 
    onSubmit: addFormData, 
    height: 260 
}); 

Answer 1

取而代之的是：

$("#userflexiGrid").flexigrid({ 
    url: 'FlexiGridService.asmx/GetDirectory', 
    params: [{ name: 'lastName', value: 'doe'}], 
    dataType: 'xml', 

做到这一点：

$("#userflexiGrid").flexigrid({ 
    url: 'FlexiGridService.asmx/GetDirectory?lastName=doe', 
    dataType: 'xml', 

事实上，没有所谓的PARAMS这样的事情。

请看看文档页面here

Answer 2

可以使用flexOptions在这样onSubmit事件：

onSubmit: function() { 
$('#userflexiGrid').flexOptions(
{ 
    newp:1, 
    params:[{name: 'lastName', value: 'doe'}] 
}); 
} 

搜索文本框的值可以通过（而不是硬编码要获得'doe'）：

$（'。qsbox'）。val（）;

Answer 3

尝试这样

jQuery('#userflexiGrid').flexOptions({        
          url: 'FlexiGridService.asmx/GetDirectory', 
          qtype: 'lastName', 
          query: 'doe'        
         }).flexReload();