jqgrid select

jqGrid 是一个基于jQuery的表格插件，它提供了很多实用的功能，包括数据排序、分页、筛选、编辑、导出等。其中，select 单元格类型是 jqGrid 中的一种，它可以让用户通过下拉框选择特定的值。

下面是一个示例：

jQuery("#grid").jqGrid({
    url: 'data.json',
    datatype: "json",
    colModel: [
        { name: 'id', index: 'id', width: 55 },
        { name: 'name', index: 'name', width: 90 },
        { name: 'category', index: 'category', width: 80, formatter: 'select', editoptions: { value: { '1': 'Category1', '2': 'Category2', '3': 'Category3' } } },
        { name: 'price', index: 'price', width: 80, align: "right" }
    ],
    rowNum: 10,
    rowList: [10, 20, 30],
    pager: '#pager',
    sortname: 'id',
    viewrecords: true,
    sortorder: "asc",
    caption: "jqGrid Example",
    editurl: "server.php",
    height: 'auto',
    autowidth: true
});

在上面的代码中，我们定义了一个 category 列，它的单元格类型是 select，可以通过下拉框选择特定的值。这里我们使用 formatter 属性将单元格的内容格式化为 select 类型，并使用 editoptions 属性指定下拉框中的选项值。当用户编辑该单元格时，系统会自动弹出下拉框，用户可以选择一个值进行保存。