如何在WebGrid的头中使用ajax actionlink

Question

我想在WebGrid中排序数据，方法是单击列的标题，并将其他一些参数发布到控制器，但是WebGrid的自动跟踪提供了一个固定的列标题链接，其中只有两个参数。

我找到了一些方法来更改WebGrid列头上的链接地址，但它只在普通链接上工作，而不是在ajax ActionLink上工作，因此我不能使用部分视图来反射网页的部分内容。

有人能帮我解决这个问题吗？

var grid = new WebGrid(Model, canPage: true, rowsPerPage: 2);
@grid.GetHtml(tableStyle: "Contact``TB",headerStyle: "ContactHD",columns: grid.Columns( 
              grid.Column("ID", 
                          @Ajax.ActionLink("ID","Index","Home",new { pid = Model.PageIndex, sort=true},
                                           new AjaxOptions { UpdateTargetId = "grid", 
                                                             HttpMethod = "POST",
                                                             InsertionMode = InsertionMode.Replace 
                                                           }
                                           ),
                           model.id,
                           ))

             );

代码向上是我想要的示例效果，这是一个错误的代码。

Answer 1

你可以先从这里开始，

当您能够生成公共链接时，您可以将这些链接绑定到jquery调用到一个操作。

Jquery代码

function MyMethod() {
var url = '@Url.Action("GetData")';
$.ajax({
url: url,
type: 'GET',
cache: false,
data: { value: strId},

success: function (result) {
$('#result).html(result);
}
});
}

Action

public ActionResult GetData(string id)
{
return Json(new {foo="bar", ball="dragon"});
}

从这里获取的代码