Javascript 从jquery函数中调用@（Html.Kendo（）.Grid）

我正在用razor asp.net mvc 4显示剑道网格。我有一系列按钮，每个按钮都显示不同的网格。因此，我在单击时使用jquery拾取按钮事件。然后我只是清除dom的网格部分，并在其位置重新加载新网格。也就是说，我不想使用href重新加载who由于只想加载一个节，因此无法加载页面

我的问题是，如何从jQuery中调用@（Html.Kendo（）.Grid），因为它通常不在脚本中，当放入时，会显示所有语法错误

正如你所看到的，我对模型或函数的使用不是很熟练，如果函数是答案，应该把它放在哪里。任何帮助都将不胜感激

---

伊恩

我不确定你是想在两个网格之间来回切换，还是想回到服务器获取更新的数据

第一种方法更简单。请让我知道这是否适用于您：

基本上，为两个网格编写代码（因此它们都在页面加载时初始化），但关闭其中一个网格的可见性。然后，使用jQuery在单击时切换两个网格的可见性

Jquery

function toggleGridView(on, off) {
    var gridToShow = "#Grid" + on + "Container";
    var gridToHide = "#Grid" + off + "Container";
    $(gridToShow).show();
    $(gridToHide).hide();
}

查看标记

<a class="k-button" href="#_" onclick="toggleGridView('1', '2')">Show Grid 1</a>
<a class="k-button" href="#_" onclick="toggleGridView('2', '1')">Show Grid 2</a>

<div id="container">
<div id="Grid1Container">
    @(Html.Kendo().Grid(Model.UserModel.UserAddressBook)
        .Name("Grid1")
        .Columns(columns =>
        {
            columns.Bound(i => i.CompanyName).Width(120).HtmlAttributes(new { id = "CompanyName" });
            //Other column data
        })
    )
</div>
<div id="Grid2Container" style="display:none;">
    @(Html.Kendo().Grid(Model.UserModel.UserProductBook)
        .Name("Grid1")
        .Columns(columns =>
        {
            columns.Bound(i => i.Description).Width(120).HtmlAttributes(new { id = "Description" });
            //Other column data
        })
    )    
</div>

@（Html.Kendo（）.Grid（Model.UserModel.UserAddressBook）
.名称（“Grid1”）
.列（列=>
{
columns.Bound（i=>i.CompanyName）.Width（120）.HtmlAttributes（新的{id=“CompanyName”}）；
//其他列数据
})
)
@（Html.Kendo（）.Grid（Model.UserModel.UserProductBook）
.名称（“Grid1”）
.列（列=>
{
columns.Bound（i=>i.Description）.Width（120）.HtmlAttributes（新的{id=“Description”}）；
//其他列数据
})
)    

---

感谢您的回答和帮助，很抱歉没有提前回复，错过了回复没有问题。如果这对您来说合适，如果您能将此标记为答案，那就太棒了。如果不合适（以及原因），请告诉我，我可以再次尝试帮助您解决问题！：）