如何使用服务器端扩展在 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中文网其他相关文章！