3

アプリケーションにjqgridがあり、正常に動作していますが、要件とはわずかに異なります。特定のセルをクリックすると、行全体が選択されますが、その特定のセルのみを選択したい...次のセル「Enter」キーを押すと行の値を更新できますが、ユーザーがその特定のセルを離れるとすぐにセルの値を更新したい

これは私のjqueryコードです

<script type="text/javascript">
    $(function () {
        var lastsel;

        jQuery("#list").jqGrid({
            url: '/Home/GetStudents/',
            datatype: 'json',

            mtype: 'POST',
            colNames: ['StudentID', 'FirstName', 'LastName', 'Email'],
            colModel: [
      { name: 'StudentID', sortable: false, key: true },
      { name: 'FirstName', key: true },
      { name: 'LastName', sortable: false, key: true },
      { name: 'Email', width: 200, sortable: false, key: true}],
            cmTemplate: { align: 'center', editable: true },
            pager: '#pager',
            width: 750,
            rowNum: 15,
            rowList: [5, 10, 20, 50],
            sortname: 'StudentID',
            sortorder: "asc",
            viewrecords: true,
            caption: ' My First JQgrid',
            onSelectRow: function (StudentID) {


                if (StudentID != lastsel) {


                    jQuery('#list').jqGrid('restoreRow', lastsel);
                    jQuery('#list').jqGrid('editRow', StudentID, true);

                    lastsel = StudentID;

                }

            },

            editurl: '/Home/About/',

            caption: "jQgrid Sample"

        });

        jQuery("#list").jqGrid('navGrid', "#pager", { edit: false, add: false, del: false });
    });

</script>
4

1 に答える 1

2

間違った編集モードを使用しているようです。jqGrid は、多くのバリエーションでさらに使用できるツリー編集モードをサポートしています。

要件の説明によると、現在使用しているインライン編集ではなく、セル編集を使用する必要があるようです。

于 2012-12-03T08:47:53.293 に答える