Question

我在我的ASP.net web应用程序中实现jqGrid，我不想使用jqGrid提供的内置过滤。所以，我想过使用外部过滤。

我将有一个文本框。只要用户输入一个值并单击按钮过滤器，我就想重新加载网格。我正在使用服务器端分页，我必须进行服务器端过滤。

我有一些相关的帖子，但我无法找到一个可靠的例子来证明这一点。

我也不知道如何在C＃代码中收到过滤值以进行过滤。

Answer 1

您可以使用jQGrid中的postData参数执行此操作并传递您自己的值以过滤和刷新网格

$(document).ready(SearchPatients);

和

function SearchPatients() {
    'use strict';
    jQuery("#patient-search-grid").jqGrid({
    url: '/Patient/Search/',
    datatype: 'json',
    mtype: 'POST',
    postData: { ID:function(){return $("#txtbkgID").val();} },
    //postData:{search:function () { return getSearchPostData() } }, 
    colNames: [{'Id','Pid','FullName'}],
    colModel: [
               { name: 'Id', index: 'Id',hidden: true },
               { name: 'PatientIdentifier',index: 'PatientIdentifier'},
               { name: 'FullName', index: 'FullName'}
             ],
    height: "100%",
    pager: '#patient-search-pager',
    rowNum: 10,
    rowList: [10, 30, 50],
    sortname: 'Id',
    sortorder: 'desc',
    viewrecords: true,
    caption: "Search Results"

  }

function getSearchPostData(){
 var searchData = {};
 searchData.PatientIdentifier = $('#patient-identifier').val();
 searchData.FirstName = $('#first-name').val();
 searchData.LastName = $('#last-name').val();   
 return JSON.stringify(searchData);
}

在Controller中添加可选参数ID

    [HttpPost]
    public JsonResult Search(string ID)
    {
      //Request.Params["ID"] also will work

    }

如何在jqgrid上进行外部过滤

1 个答案: