jquery.jqGrid 下拉框

在 `jquery.jqGrid` 中，可以使用 `edittype` 属性为某一列设置编辑类型，从而实现下拉框的功能。具体实现步骤如下：

1. 定义下拉框选项

定义一个 JavaScript 对象，用于存储下拉框选项，其中键为选项的值，值为选项的文本。例如：

var genderOptions = {
    "男": "男",
    "女": "女"
};

2. 设置列的 `edittype` 属性

在 `colModel` 中设置某一列的 `edittype` 属性为 "select"，并在 `editoptions` 中设置下拉框的选项。例如：

colModel: [
    {name: "id", width: 60},
    {name: "name", width: 100},
    {name: "age", width: 60},
    {name: "gender", width: 60, edittype: "select", editoptions: {value: genderOptions}},
],

其中，`edittype` 属性指定编辑类型为 "select"，`editoptions` 属性用于设置下拉框的选项，其中 `value` 属性用于指定选项的值和文本。

完整代码如下：

var genderOptions = {
    "男": "男",
    "女": "女"
};

$("#grid").jqGrid({
    url: "data.json",
    datatype: "json",
    colNames: ["编号", "姓名", "年龄", "性别"],
    colModel: [
        {name: "id", width: 60},
        {name: "name", width: 100},
        {name: "age", width: 60},
        {name: "gender", width: 60, edittype: "select", editoptions: {value: genderOptions}},
    ],
    rowNum: 10,
    rowList: [10, 20, 30],
    pager: "#pager",
    autowidth: true,
    height: "auto",
});

这样就可以在 "性别" 列中使用下拉框了。