3

ajax を介してページングする WebGrid を含む部分ビューを含むビューがあります。しかし、WebGrid がどのページにあるかを親ビューに認識させるのに問題があります。私が達成しようとしているのはこれです: 新しいページに移動するビューを含む「作成」ボタンがありますが、現在のページ # をクエリ文字列パラメーターとして新しいページに渡したいのですが、作成をキャンセルした場合、元のビューはデフォルトで最初のページをロードするのではなく、前のページでロードされます。

私が見ている問題は、部分ビューのグリッドが更新されたときに、親ビューのモデルが変更されないことです。また、ajaxUpdateCallback のメソッドを作成することはできますが、現在のページが何であるかをこのメソッドに伝える方法がわかりません。

私のコードの関連セクションは次のようになります。

<div id="divList">
    @Html.Partial("_MatterList", Model) //This is where the grid is defined
</div>
<br/>
<div id="newSection">

<input type="button" value="New Matter" onclick="newMatter();"></input>
</div>
<script type="text/javascript">

    var _Page; //I tried creating a javascript variable to hold the page, but can't get it to populate with anything but the default 1.

    function newMatter() 
    {
        var urlAction = "@Url.Action("Create", "Matter", new { area = "Admin" })";
        var subclientid = $("#SubClientID > option:selected").attr("value"); //defined in a form not displayed here
        var clientid = $("#ClientID > option:selected").attr("value");//defined in a form not displayed here
        redirect(urlAction, clientid, subclientid);

    }
    function redirect(urlAction, clientid, subclientid) {
        if(clientid > 0 || subclientid > 0 ) {
            urlAction += "?";
        }
        if(clientid > 0) {
            urlAction += "clientid=" + clientid;
            if(subclientid > 0) {
                urlAction += "&subclientid=" +subclientid;
            }
        }
        //I want to be able to add page in here as well. a la &page=_Page
        window.location = urlAction;
    }

_MatterList 部分ビュー:

 <div id="matterListing">

    @{

        var grid = new WebGrid<Matter>(null, rowsPerPage: 10, canSort: false, defaultSort: "Name", ajaxUpdateContainerId: "matterListing",ajaxUpdateCallback:"afterUpdate");
        grid.Bind(Model.Matters, rowCount: Model.TotalRows, autoSortAndPage: false);
        @grid.GetHtml(
            tableStyle: "table90",
            alternatingRowStyle: "tableAltRows",
            headerStyle: "tableHeaders",
            columns: grid.Columns(

                grid.Column(...  //there are a lot of columns, removed them because not important to the problem.


                )
                   )
    }
    <script type="text/javascript">
        function afterUpdate() {
            _Page = @Model.PageNumber; //I tried this but it only ever shows 1 because it evaluates when the page first loads.  What I need is for it to dynamically get the correct page at execution time.
        }
    </script>
</div>

afterUpdate メソッドが現在のページでパラメーターを受け取る (つまり、@Model.PageNumber を使用する代わりに afterUpdate(2) を呼び出す) 必要があると考えていますが、WebGrid を強制的に渡す方法がわかりません。コールバックに沿って。誰でもこの問題の解決策を持っていますか?

4

1 に答える 1

1

解決策は信じられないほど単純なものになりました。私がそれを思い付くのにどれだけ時間がかかったかはちょっと恥ずかしいです。

_MatterList部分ビューで、フォームを作成し、ページ番号を指定してHiddenFieldを配置しました。

<form id="frmPage">
    @HiddenFor(model => model.PageNumber)
</form>

次に、メインページでnewMatter（）を変更してそのページを抽出し、redirect（）を変更してクエリ文字列パラメーターとして追加しました。

function newMatter() 
{
    var urlAction = "@Url.Action("Create", "Matter", new { area = "Admin" })";
    var subclientid = $("#SubClientID > option:selected").attr("value"); //defined in a form not displayed here
    var clientid = $("#ClientID > option:selected").attr("value");//defined in a form not displayed here
    var page = $("#frmPage").find("#PageNumber").val();
    redirect(urlAction, clientid, subclientid, page);
}

function redirect(urlAction, clientid, subclientid, page)
{
        if(clientid > 0 || subclientid > 0  || page > 1) {
            urlAction += "?";
        }
        if(clientid > 0) {
            urlAction += "clientid=" + clientid;
            if(subclientid > 0) {
                urlAction += "&subclientid=" +subclientid;
            }
            if(page > 1) {
                urlAction += "&page=" + page;
            }
        }
        else if(page > 0){
            urlAction += "page=" + page;
        }
        window.location = urlAction;
}
于 2012-10-08T16:20:45.623 に答える