1

ユーザーがJQGridで行を選択すると、編集可能なフィールドを編集してからEnterキーを押すと、データベースが更新されるコントローラーメソッドに行が送信されます。これを行うために更新されたデータを投稿する方法が見つかりません。これを行うために、businessUnitIdフィールドと編集可能なフィールドをパラメーターとしてコントローラーメザーに送信したいと思います。これは私のウェブページです。

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Maintenance
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <fieldset>
        <legend>Maintenance of Departments and Divisions</legend>
        <p>Add, edit or delete a department or division: <%: Html.DropDownList("BusinessUnitTypes")%></p>
        <p>To amend the department or division, select the row, make the change and then press the return key.</p>
        <table id="list" class="scroll"></table>
        <div id="pager" class="scroll" style="text-align:center;font-size: 11px;"></div>
    </fieldset>
    <!-- "BusinessUnitTypeId", (SelectList)ViewData["BusinessUnitTypes"] -->
<script type="text/javascript">
    $(document).ready(function () { reloadGrid(); });

    $('#BusinessUnitTypes').change(function () {
        $("#list").trigger("reloadGrid");
    });

    function reloadGrid() {
        var lastSelectedId;

        $('#list').jqGrid({
            url: '<%: Url.Action("GetBusinessUnits", "BusinessUnit")%>',
            postData: {
                businessUnitTypeId: function () { return $("#BusinessUnitTypes option:selected").val(); }
            },
            datatype: 'json',
            mtype: 'POST',
            colNames: ['ID', 'Name', 'Fax', 'Email', "Employees"],
            colModel: [
                { name: 'BusinessUnitId', index: 'BusinessUnitId', width: 25, editable: false },
                { name: 'BusinessUnitName', index: 'BusinessUnitName', width: 200, editable: true, edittype: 'text' },
                { name: 'Fax', index: 'Fax', width: 80, align: 'right', edittype: 'text', editable: true },
                { name: 'Email', index: 'Email', width: 200, editable: true, edittype: 'text' },
                { name: 'NumberOfEmployees', index: 'NumberOfEmployees', width: 70, editable: false}],
            rowNum: 20,
            rowList: [10, 20, 30],
            pager: $('#pager'),
            sortname: 'BusinessUnitName',
            viewrecords: true,
            sortorder: "asc",
            caption: "Edit",
            height: 575,
            onSelectRow: function (id) {
                if (id && id !== lastSelectedId) {
                    $('#list').restoreRow(lastSelectedId);
                    $('#list').editRow(id, true);
                    lastSelectedId = id;
                }
            },
            editurl: '<%: Url.Action("Save", "BusinessUnit")%>'
        });
    }

</script>
</asp:Content>
4

1 に答える 1

1

すべての値とROWIDは、ユーザーがキーを押してデータを保存した場合にeditable指定されたURLに*自動的に*送信されます。editurlEnter

それがグリッドにBusinessUnitId固有のネイティブであるように私には思えます。idグリッドを埋めるために使用するテストデータは投稿していません。の値が。の値として砂になるため、問題idと同じ値を入力するとBusinessUnitId、自動的に解決できます。または、の定義にプロパティを追加することもできます。BusinessUnitIdidediturlkey: trueBusinessUnitIdcolModel

問題が解決しない場合extraparamは、行の保存中に追加のデータを送信するために使用できます。詳細については、回答を参照してください。

gridview: trueさらに、グリッドにオプションを追加して、に変更pager: $('#pager')することをお勧めしますpager: '#pager'。パフォーマンスが向上します。

于 2012-11-15T12:09:38.180 に答える