jqgrid - インライン編集でグリッド内のテキストの代わりに現在の値を選択

Question

デフォルトでは、jqGrid はテキスト値を考慮して、選択したオプションをコンボ ボックスに設定します。キー値の列を追加し、jqGrid でキー値を使用して適切なオプションを選択するにはどうすればよいですか?

カスタム フォーマッタを使用してきましたが、行が編集できない場合に未定義のページが表示され、インライン編集モードが有効になっている場合は正しいオプションが表示されます。

<script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery('#Grid').jqGrid({
                autowidth: true,
                datatype: 'json',
                height: '100%',
                pager: '#pager',
                rowNum: 10,
                sortname: 'Description',
                url: '/AppUrl/Service',
                viewrecords: true,
                gridComplete: function () { OnGridComplete() },
                onSelectRow: function (rowid, status) { grid.EditGridRow(rowid) },
                colModel: [
                {
                    name: 'ID',
                    hidden: true,
                    key: true,
                    index: 'ID'
                }, {
                    name: 'ModuleId',
                    formatter: formatAsDropDown,
                    label: 'Módulo',
                    sortable: true,
                    width: 300,
                    editable: true,
                    edittype: 'select',
                    editoptions: { "value": "1:Modulo 1;2:Modulo 2;3:Modulo 3" },
                    index: 'ModuleId'
                }, {
                    name: 'Description',
                    label: 'Description',
                    sortable: true,
                    width: 300,
                    editable: true,
                    index: 'Description'
                }
                ]
            });

            function formatAsDropDown(cellvalue, options, rowObject) {
                return rowObject.ModuleName;
            }
        });
    </script>