如何使用id使用html下拉列表从jqGrid过滤记录

Question

我正在使用jqgrid，我将从数据库中加载来自组合数据的过滤记录。enter image description here

屏幕1 的Controler

public JsonResult Getlist(int id,int LstatusId, bool AllDate,string DateFrom,string DateTo)
        {
            List<leadMaster> lmasterRecords = new List<leadMaster>();
            using (SqlConnection con = new SqlConnection(constring))
            {
                using (SqlCommand cmd = new SqlCommand("SP_leadMasterDetail", con))
                {
                    if (clsCommon._UserType == "A")
                        cmd.Parameters.AddWithValue("@AgentID", id);
                    else
                        cmd.Parameters.AddWithValue("@AgentID", clsCommon._AgentID);

                    cmd.Parameters.AddWithValue("@LeadStatusID",LstatusId);
                    cmd.Parameters.AddWithValue("@AllDates",AllDate);
                    cmd.Parameters.AddWithValue("@DateFrom",DateFrom);
                    cmd.Parameters.AddWithValue("@DateTo",DateTo);

                    cmd.CommandType = CommandType.StoredProcedure;
                    con.Open();
                    SqlDataReader reader = cmd.ExecuteReader();

                    while (reader.Read())
                    {
                        lmasterRecords.Add(
                            new leadMaster
                            {

                                RecordID = Convert.ToInt64(reader.GetValue(0)),
                                Name = reader.GetString(1),
                                CityName = reader.GetString(2),
                                CountryName=reader.GetString(3),
                                Address=reader.GetString(4),
                                PhoneNo=reader.GetString(5),
                                MobileNo=reader.GetString(6),
                                Email=reader.GetString(7),
                                EnteryDate = reader.GetDateTime(8).ToShortDateString(),
                                ProfType=reader.GetString(9),
                                LeadStatus=reader.GetString(10),
                                ProjName=reader.GetString(11),
                                UnitTypeName=reader.GetString(12),
                                Description=reader.GetString(13),
                                User_name=reader.GetString(14),
                                IsClose=reader.GetString(15)


                            }
                        );
                    }
                }
            }

            return Json(lmasterRecords, JsonRequestBehavior.AllowGet);
        }

DropDown框

                             按代理筛选：                                                               @ Html.DropDownList（“var1”，null，new {@class =“form-control col-sm-3”}）                                                            

JqGrid Function




    script>
        $.noConflict();
        jQuery(document).ready(function ($) {
            $("#jqGrid").jqGrid({
                url: '@Url.Action("Getlist")',
                datatype: 'json',
                mtype: 'Get',
                page: 1,
                postData: { id: $("#var1").val(), LstatusId: $("#var2").val(), AllDate: $("#AllData").attr("checked") ? true : false, DateFrom: $("#cmbSDate").val(), DateTo: $("#cmbTDate").val() },
                colModel: [
                         { label:'RecordID', hidden: true, name: 'RecordID', key: true, width: 75 },
                        { label: 'Name', name: 'Name', width: 200 },
                        { label: 'CityName', name: 'CityName', width: 110 },
                        { label: 'CountryName', hidden: true, name: 'CountryName', width: 150 },
                        { label: 'Address', hidden: true, name: 'Address', width: 150 },
                        { label: 'PhoneNo', hidden: true, name: 'PhoneNo', key: true, width: 75 },
                        { label: 'MobileNo', name: 'MobileNo', width: 110 },
                        { label: 'Email', name: 'Email', width: 200 },
                        { label: 'Fax', hidden: true, name: 'Fax', width: 150 },
                        { label: 'LeadDate', name: 'EnteryDate', width: 100 },
                         { label: 'ProfType', hidden: true, name: 'ProfType', width: 150 },
                        { label: 'LeadStatus', name: 'LeadStatus', key: true, width: 150 },
                        { label: 'Description', name: 'Description', width:110 },
                        { label: 'UnitTypeName', name: 'UnitTypeName', width: 150 },
                        { label: 'User_name', name: 'User_name', width: 150 },
                        { label: 'IsClose', name: 'IsClose', width: 50}],

                loadonce:true,
                viewrecords: true,
                width: 1050,
                height: 350,
                rowNum: 100,
                rowList: [10, 20, 30,50,100,500], 
                pager: "#jqGridPager"
            });
        });
    </script>