Question

我试图用2个PartialViews制作一个asp.net mvc View，他们通过javascript调用ajax来获取他们的信息。

<div class="row">
    <div class="col-md-6">
        <div class="row">
            <div class="form-group">
                <label class="col-md-2 control-label"></label>
                <div class="col-md-2">
                    <input id="CategoryName" class="form-control" />
                    <span class="text-danger"></span>
                </div>
            </div>
            <div class="addbutton">
                <input id="AddCatButton" type="button" class="btn btn-default custombtn" value="asd" />
            </div>
        </div>
        <div class="row">
            <div id="MasterContainer">
                @Html.PartialFor("_Categories", Model.Categories, "Categories")
            </div>
        </div>

    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label class="col-md-2 control-label"></label>
            <div class="col-md-2">
                <input id="CategoryItemName" class="form-control" />
                <span class="text-danger"></span>
            </div>
            <div class="addbutton">
                <input id="AddItemButton" type="button" class="btn btn-default custombtn" value="asd" />
            </div>
        </div>
        <div id="DetailContainer">
            @*Contentn of the Detailpage*@
        </div>
    </div>
</div>

Everythings工作正常我可以命名并添加一个新的类别，Partialview将“刷新”然后脚本停止工作。

我将它们包含在_Layout.cshtml

中

脚本调用Controller并为数据库中的每个类别返回PartialView("_Categories",model)，第二种方法返回一个类别的每个项目，但脚本停止工作，直到我重新加载整个页面。

我已经尝试过在每个部分视图中包含脚本但是当我创建一个新类别时它会创建2,4,8,16，依此类推我是否应该将脚本包含在elöse或者解决方案中。

Javascript是一个包含3个方法的脚本

$("#CatList li").on('click', function () {
//    Shows all items in a category and refresh the itemlist partialview 
});
$("#AddItemButton li").on('click', function () {
//    Adding an item to the selected Category
//    and refreshes the itemlist partialview
});
$("#AddCatButton li").on('click', function () {
//    add a Category and refresh the category partialview 
});

带有ajax脚本的Asp.Net MVC PartialView MasterDetail页面停止工作

0 个答案: