문제: ASP.NET MVC 2 $.ajax() 호출을 사용하여 동적으로 채울 때 jqGrid 드롭다운에 예기치 않은 "정의되지 않은" 값이 나타납니다. 이는 그리드에 반환된 부적절하게 형식화된 데이터로 인해 발생합니다. jqGrid는 "FE:FedEx; IN:InTime; TN:TNT"
과 같은 드롭다운 값에 대한 특정 형식을 기대합니다. 데이터 형식 지정에 StringBuilder를 사용하면 추가 따옴표와 후행 세미콜론이 발생했습니다.
분석: 초기 접근 방식에서는 ContentResult(sb.ToString())
을 사용하여 데이터를 반환했습니다. 기능적이지만 효율성이 낮고 형식 오류가 발생하기 쉽습니다.
해결책: dataUrl
또는 buildSelect
내에서 jqGrid의 editoptions
및 searchoptions
속성을 활용하면 더 깨끗하고 강력한 솔루션을 제공합니다. 이렇게 하면 수동으로 문자열 형식을 지정할 필요가 없습니다. dataUrl
은 데이터 소스를 지정하고 buildSelect
는 서식을 처리합니다.
dataUrl
및 buildSelect
사용 예:
<code class="language-javascript">{ name: 'destinations', editable: true, edittype: 'select', editoptions: { dataUrl: '<%= Url.Action("GetDestinationList", "Home") %>', buildSelect: function(response) { var s = ''; if (response && response.length) { for (var i = 0; i < response.length; i++) { s += response[i] + ';'; //Note the semicolon placement } } return s; // Removed trailing "" } } }</code>
HTTP 방법 고려 사항:
dataUrl
에 대해 GET보다 POST 요청이 선호되는 경우 서버 측에서 Json(allDestinations, JsonRequestBehavior.AllowGet)
를 Json(allDestinations)
로 바꾸고 ajaxSelectOptions: { type: "POST" }
를 jqGrid 옵션에 추가하세요.
최적화 buildSelect
기능:
제공된 buildSelect
기능은 명확성과 효율성을 위해 약간 최적화될 수 있습니다(기능적으로는 원본과 유사하지만).
<code class="language-javascript">buildSelect: function(response) { return (response && response.length) ? response.join(';') : ''; }</code>
이 개정된 접근 방식은 jqGrid 드롭다운을 채우기 위한 유지 관리가 더 용이하고 오류가 덜 발생하는 방법을 제공합니다.
위 내용은 ASP.NET MVC $.post jqGrid 호출이 드롭다운에 정의되지 않은 값을 반환하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!