서버 측 확장을 사용하여 Jqgrid에서 ID 대신 도시 이름을 표시하는 방법은 무엇입니까?

Jqgrid 서버 측 확장: 간접 데이터 관계 처리

이 가이드에서는 Jqgrid 내에서 숫자 ID 대신 설명적인 도시 이름을 표시하고 서버 측 확장 기능을 활용하여 간접적인 데이터 관계를 관리하는 방법을 보여줍니다. 이 예에는 Students(SID, SNAME, CITY) 및 Locations(CID, CNAME)이라는 두 개의 테이블이 포함됩니다. 문제는 현재 CNAME(도시 ID)를 저장하는 Jqgrid의 CITY 열에 CID(도시 이름)을 표시하는 것입니다. Student 클래스의 데이터 구조로 인해 직접 데이터베이스 조인이 적합하지 않습니다.

해결책에는 필요한 매핑 정보를 포함하도록 서버의 JSON 응답을 보강하는 것이 포함됩니다. colModelOptions 열을 동적으로 구성하기 위해 CITY 속성을 ​​소개합니다.

<code class="language-json">{
    "colModelOptions": {
        "CITY": {
            "formatter": "select",
            "edittype": "select",
            "editoptions": {
                "value": "11:Chennai;13:Delhi;12:Mumbai"
            },
            "stype": "select",
            "searchoptions": {
                "sopt": [ "eq", "ne" ],
                "value": ":Any;11:Chennai;13:Delhi;12:Mumbai"
            }
        }
    },
    "rows": [
        { "SID": "1",  "SNAME": "ABC", "CITY": "11" },
        // ... more rows
    ]
}</code>

이 JSON 응답은 도시 이름을 표시하는 데 필요한 데이터를 Jqgrid에 제공합니다. editoptions.value 속성은 ID와 이름 간의 매핑을 정의합니다.

Jqgrid의 beforeProcessing 이벤트 핸들러는 다음 열 옵션을 동적으로 적용합니다.

<code class="language-javascript">beforeProcessing: function (response) {
    var $self = $(this), options = response.colModelOptions, p;
    if (options != null) {
        for (p in options) {
            if (options.hasOwnProperty(p)) {
                $self.jqGrid("setColProp", p, options[p]);
                // ... any additional processing
            }
        }
    }
}</code>

이 코드는 colModelOptions을 반복하여 Jqgrid 내에서 CITY 열의 속성을 업데이트합니다. 이러한 동적 구성을 통해 ID 대신 도시 이름이 표시되므로 보다 사용자 친화적이고 직관적인 그리드가 만들어집니다. 이 방법은 데이터베이스 구조를 변경하거나 비효율적인 클라이언트측 조회를 사용하지 않고 간접적인 데이터 관계를 효과적으로 관리합니다.

위 내용은 서버 측 확장을 사용하여 Jqgrid에서 ID 대신 도시 이름을 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!