0

MVCGrid の選択された行を取得し、部分ビューを使用してモーダル ダイアログに詳細を表示しようとしています。

選択した行を ajax 経由で取得しています:

$(document).ready(function(){
 var selectedRow;
   $(document).on('click', '.grid-mvc', function () {
    pageGrids.PersonGrid.onRowSelect(function (e) {
        // $.prompt(e.row.ID);
        SendData(e.row);
       });
   });
});

「SendData」機能は次のとおりです。

    function SendData(i) {
    var data= i.ID;
    $.ajax({
        url: '/Home/Person',
        contentType: "application/html; charset=utf-8",
        type: "GET",
        data: { "id": daten },
        dataType: "html"
       , success: function () {
           ShowPersonDetails(data);
       }
    });
   }

ShowPersonDetails(data) は次のようになります。

function ShowPersonDetails(data) {
 $(document).ready(function () {
    $('#PersonDiv').load("Person?id=" + data);
    $("#PersonDiv").prompt(
        $("#PersonDiv").html(),
        {
            title: "some title",
            buttons: { OK: 'true', Abbruch: 'false' },
            position: { width: 800, height: 600 }
    });

 });

}

コントローラー:

[HttpGet]
    public  ActionResult Person(int id)
    {
        var pS = new DbAccess(MvcApplication.Connection).GetUserData(id);
        var p = new Person();

        if (pS.Rows.Count < 0)
        {
            return PartialView("Person");
        }
        p.Alter = pS.Rows[0].ItemArray[0].ToString();
        p.Nachname = pS.Rows[0].ItemArray[5].ToString();
       return PartialView("Person", p);
    }

どんなアドバイスでもいいです！

ごあいさつPP

4

1 に答える 1

0

私はあなたがやろうとしているようなことをしたので、私のコードが役立つことを願っています

グリッド、テーブルに、詳細へのリンクを配置しました

    <tr>
        <td>
@Html.ActionLink("Details", "ActionDetails", new { id = Model.LstItems[x].ID }, new { @class = "detailsLink" })
                    </td>
 </tr>

JavaScript

    $('#detailsDialog').dialog({
        autoOpen: false,
        width: 400,
        resizable: false,
        modal: true,
        buttons: {
            "Cancel": function () {
                $(this).dialog("close");
            }
        }
    });

   $(".detailsLink").button();
  $(".detailsLink").click(function () {
        linkObj = $(this);
        var dialogDiv = $('#detailsDialog');
        var viewUrl = linkObj.attr('href');
        $.get(viewUrl, function (data) {
            dialogDiv.html(data);
            //open dialog
            dialogDiv.dialog('open');
        });
        return false;
    });

景色のどこかで

   <div id="detailsDialog" title="Offer Details">
   </div>

コントローラー

    public ActionResult ActionDetails(int id)
    {
        ItemEntity model = ItemEntity .GetBy(id);

        return PartialView(model);
    }

部分的なビュー

      @model  YourNameSpace.Entities.ItemEntity
      @using (Ajax.BeginForm("ActionDetails", "YourController", new AjaxOptions
    {
        InsertionMode = InsertionMode.Replace,
        HttpMethod = "POST",
        OnSuccess = "updateSuccess",
        OnFailure = "showErrorMessage"
    }, new { @id = "detailForm" }))
    {

    //your details for your item
    }

これがあなたを助けることを願っています

于 2014-11-06T15:36:05.423 に答える