私は実際にボタンのクリックでデータをロードするように jqGrid を取得しようとしています...これまでのところ、ご覧のとおり、ボタンをクリックできるようにする準備ができています。問題は、ナビゲーション情報が正しく取得されないということです...私はAJAXを呼び出して、その@HTML.BeginFormように設定されています...
@using(Html.BeginForm("returnJSONEncoutnerData", "AddEncounter", new { popId = (int)TempData["POPULATIONID"]}, FormMethod.Post, new { id = "SearchPatID" }))
そして、これが私のボタンクリック機能です。
$('#submit').click(function (event) {
//alert("What the FONK is going on here!");
debugger;
var theURL = $("#SearchPatID").action;
var type = $("#SearchPatID").methd;
event.preventDefault();
$.ajax({
url: this.action,
type: this.method,
data: $(this).serialize(),
dataType: "json",
success: function (result) {
bindCustomers();
}
});
return false;
});
私の関数 bindCustomer は、上記のメソッドが収集して JSON 化した JSON データを jqGrid に入力することになっています! あなたの好奇心をくすぐるために、私はそこにそれを出そうと思いました。
var bindCustomers = function () {
alert('');
$("#list").jqGrid({
url: $("#DisplayUniqueEncounters").attr("action"), //'/Home/GridData/',
gridview: false,
shrinkToFit: false,
autowidth: true,
datatype: 'json',
mtype: 'POST',
colNames: ['Edit',
'MRN',
'Hospital Fin',
'First Name',
'Last Name',
'Date of birth',
'Completed Pathway',
'Completed Pathway Reason',
'PCP Appointment',
'Specialist Appointment',
'Admit Date',
'Discharge Date',
'Discharge Disposition',
'Discharge To',
'Discharge Advocate Call',
'Home Healthcare',
'Safe Landing Accepted',
'PCP Name',
'PCP Phone',
'PCP Appointment Location',
'Specialist Name',
'Specialist Phone',
'Specialist Appointment Location',
'Comments',
'Patient Room Phone',
'Phone',
'Payor',
'MRN Type'
],
colModel: [
{ name: 'Edit', width: 95, align: 'left' },
{ name: 'MRN', width: 125, align: 'left' },
{ name: 'Hospital_Fin', width: 145, align: 'left' },
{ name: 'First_Name', width: 115, align: 'left' },
{ name: 'Last_Name', width: 115, align: 'left' },
{ name: 'Date_of_birth', width: 145, align: 'left' },
{ name: 'Completed_Pathway', width: 125, align: 'left' },
{ name: 'Completed_Pathway_Reason', width: 165, align: 'left' },
{ name: 'PCP_Appointment', width: 115, align: 'left' },
{ name: 'Specialist_Appointment', width: 125, align: 'left' },
{ name: 'Admit_Date', width: 185, align: 'left' },
{ name: 'Discharge_Date', width: 185, align: 'left' },
{ name: 'Discharge_Disposition', width: 155, align: 'left' },
{ name: 'Discharge_To', width: 85, align: 'left' },
{ name: 'Discharge_Advocate_Call', width: 155, align: 'left' },
{ name: 'Home_Health_Care_Accepted', width: 105, align: 'left' },
{ name: 'Safe_Landing_Accepted', width: 165, align: 'left' },
{ name: 'PCP_Name', width: 85, align: 'left' },
{ name: 'PCP_Phone', width: 85, formatter: formatPhoneNumber, align: 'left' },
{ name: 'PCP_Appointment_Location', width: 185, align: 'left' },
{ name: 'Specialist_Name', width: 195, align: 'left' },
{ name: 'Specialist_Phone', width: 135, formatter: formatPhoneNumber, align: 'left' },
{ name: 'Specialist_Appointment_Location', width: 185, align: 'left' },
{ name: 'Comments', width: 185, align: 'left' },
{ name: 'Patient_Room_Phone', width: 135, formatter: formatPhoneNumber, align: 'left' },
{ name: 'Phone', width: 125, formatter: formatPhoneNumber, align: 'left' },
{ name: 'Payor', width: 155, align: 'left' },
{ name: 'MRN_Type', width: 135, align: 'left' }
],
//pager: jQuery('#pager'),
rowNum: 10,
rowList: [5, 10, 20, 50],
sortname: 'Id',
sortorder: "desc",
viewrecords: true,
imgpath: '/scripts/themes/coffee/images',
caption: 'My first grid'
});
}
ある時点でデータを非同期にスローする必要があります。しかし、物乞いはこの時点で選択者になることはできません. 正しいルーティング情報を取得できない理由を突き止める必要があります。