如何使用伺服器端擴充功能在 Jqgrid 中顯示城市名稱而不是 ID？

Jqgrid 伺服器端擴充：處理間接資料關係

本指南示範如何在 Jqgrid 中顯示描述性城市名稱而不是數位 ID，利用伺服器端擴充來管理間接資料關係。 此範例涉及兩個表格：Students（SID、SNAME、CITY）和Locations（CID、CNAME）。 挑戰在於在 Jqgrid 的 CNAME 列中呈現 CITY（城市名稱），該列目前儲存 CID（城市 ID）。 由於 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中文網其他相關文章！