按标签而不是按值对 jQGrid 的选择选项进行排序

Question

我遇到的是 jQGrid 按其值对选择选项进行排序，但我找不到让它按其标签排序的方法。

选项在本地加载：

var cities = {
    "15604":"Akashi",
    "7538":"lompolo",
    "13488":"Akersloot",
    "15516":"Akita",
    "17301":"Akizuki",
    "15848":"Akola",
    "11415":"Akron",
    "15224":"Akron",
    "7458":"Akrotiri",
    "10783":"Aksaray",
    "15127":"Aksu",
    "9563":"Aktobe"
};

但选项显示如下：

<option role="option" value="7458">Akrotiri</option>
<option role="option" value="7538">lompolo</option>
<option role="option" value="9563">Aktobe</option>
<option role="option" value="10783">Aksaray</option>
<option role="option" value="11415">Akron</option>
<option role="option" value="13488">Akersloot</option>
<option role="option" value="15127">Aksu</option>
<option role="option" value="15224">Akron</option>
<option role="option" value="15516">Akita</option>
<option role="option" value="15604">Akashi</option>
<option role="option" value="15848">Akola</option>
<option role="option" value="17301">Akizuki</option>

这是我使用它的部分：

//other colModels,
{
    "name":"city_id",
    "index":"city",
    "width":"100",
    "editable":true,
    "align":"center",
    "edittype":"select",
    "formatter":"select",
    "editoptions":{"value":cities},
    "stype":"select",
    "searchoptions":{
        "sopt":["eq","ne"],
        "value":cities}
}
//other colModels

在添加或编辑记录时，如何使选择选项按其标签而不是按其值排序？

Answer 1

这是不正确的。 jqGrid 根本不对选择选项进行排序。如果您使用 value 属性的对象，则选择选项的顺序仍然存在问题。 The answer 描述为什么表单可以跟随更改选项的顺序。有趣的是，顺序取决于您使用的浏览器。要解决此问题，您可以使用value 属性的字符串形式，也可以使用dataUrl。

更新：就像我怀疑你使用了value 的对象格式，所以你遇到了the answer 中描述的问题。您应该将 cities 从对象更改为字符串，例如 "15604:First labele;9563:Second label;...;12345:Last label"。

我建议您另外考虑使用 jQuery UI 自动完成功能而不是 <select>。