Asp.net mvc 网格.Mvc列的详细信息是否单击？

我正在尝试实现Grid.Mvc的详细信息，如他们的页面和“示例屏幕截图”所示

在这里，它在右边显示“订单详细信息”，点击其中一行？我们的目标是实现这一点，在其中添加ActionLink，以便像原始引导/Entity Framework index（）视图那样执行编辑/详细信息/删除等操作

问题是如何正确连接

@Html.Grid(Model).Named("ordersGrid").Columns(columns =>
{
    columns.Add(model => model.ID).Titled("ID").SetWidth(10);
    columns.Add(model => model.CustomerNumber).Titled("Cust #").SetWidth(10);

}).WithPaging(10)

<div class="row">
<div class="col-md-3 col-md-push-9">
    <h4>
        Order details
    </h4>
    <div id="order-content">
        <p class="muted">
            Select order to display detailed infomation
        </p>
    </div>
</div>

@Html.Grid（Model）.Named（“ordersGrid”）.Columns（Columns=>
{
columns.Add（model=>model.ID）.标题为（“ID”）.SetWidth（10）；
columns.Add（model=>model.CustomerNumber）.Titled（“Cust#”）.SetWidth（10）；
}).带分页功能（10）
订单详情

选择订单以显示详细信息

$（函数（）{
pageGrids.ast.onRowSelect（函数（e）{
警报（如行ID）；
$.post（如行、函数（数据）{
//如果（data.Status您的网格名称与javascript不匹配：

@Html.Grid(Model).Named("ordersGrid")  <--- you name it here, change to "ast"
.Columns(columns =>
{
    columns.Add(model => model.ID).Titled("ID").SetWidth(10);
    columns.Add(model => model.CustomerNumber).Titled("Cust #").SetWidth(10);

}).WithPaging(10)

<script>
$(function () {
    pageGrids.ast.onRowSelect(function (e) {    <--- expects grid name "ast"
        alert(e.row.ID);

        $.post(e.row, function (data) {
            //if (data.Status <= 0) {
            //    alert(data.Message);
            //    return;
            //}
            $("#order-content").html(e.row);
        });
    });
});
</script>

@Html.Grid（Model）.Named（“ordersGrid”）
{
columns.Add（model=>model.ID）.标题为（“ID”）.SetWidth（10）；
columns.Add（model=>model.CustomerNumber）.Titled（“Cust#”）.SetWidth（10）；
}).带分页功能（10）
$（函数（）{
pageGrids.ast.onRowSelect（函数（e）{不确定您的具体问题是什么，但基本上javascript事件pageGrids.ordersGrid.onRowSelect正在触发，导致一个ajax调用返回部分视图（_OrderInfo）然后将其插入网格右侧的div中。因此，您应该能够将自己的操作链接添加到_OrderInfo。我有网格，但无法让$（函数（）“查看”此网格的onRowSelect以插入该数据。我添加了一个警报（“单击”）；希望看到它什么时候启动到函数中。到目前为止还没有。是的，谢谢。我一直在改变这一点，但在为gridmvc.min.js在_Layout.cshtml文件中添加了另一个引用后，确实成功地使其正常工作，我认为代码已经完全更新了，但感谢您在这里更正它。
 <script src="@Url.Content("~/Scripts/jquery.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/gridmvc.min.js")" type="text/javascript"></script>

 <script>
$(function () {
    pageGrids.ast.onRowSelect(function (e) {
        alert(e.row.ID);

        $.post("/astroidreports/details/" +e.row.ID,
            function(data){

                $("#order-content").html(data);
            })
        });
    });

@Html.Grid(Model).Named("ordersGrid")  <--- you name it here, change to "ast"
.Columns(columns =>
{
    columns.Add(model => model.ID).Titled("ID").SetWidth(10);
    columns.Add(model => model.CustomerNumber).Titled("Cust #").SetWidth(10);

}).WithPaging(10)

<script>
$(function () {
    pageGrids.ast.onRowSelect(function (e) {    <--- expects grid name "ast"
        alert(e.row.ID);

        $.post(e.row, function (data) {
            //if (data.Status <= 0) {
            //    alert(data.Message);
            //    return;
            //}
            $("#order-content").html(e.row);
        });
    });
});
</script>