我有一个网格,我希望能够删除行,而不必从控制器操作返回新的结果集。
这在我看来:
@(Html.Telerik().Grid<InterestTopicViewModel>()
.Name("Grid")
.DataKeys(keys => keys.Add(x => x.Id))
.ToolBar(commands => commands.Insert().ButtonType(GridButtonType.Image).ImageHtmlAttributes(new {style="margin-left:0"}))
.DataBinding(dataBinding => dataBinding.Ajax()
.Select("Select", "InterestTopic")
.Insert("Insert", "InterestTopic")
.Update("Update", "InterestTopic")
.Delete("Delete", "InterestTopic"))
.Columns(columns =>
{
columns.Bound(x => x.Name);
columns.Command(commands =>
{
commands.Edit().ButtonType(GridButtonType.Image);
commands.Delete().ButtonType(GridButtonType.Image);
}).Title("Actions");
})
.Editable(editing => editing.Mode(GridEditMode.InLine))
)
这是我的控制器:
[AcceptVerbs(HttpVerbs.Post)]
[GridAction]
public ActionResult Delete(int id)
{
InterestTopicViewModel interestTopicViewModel = this.InterestTopicPresenter.GetInterestTopic(id);
if (this.InterestTopicPresenter.DeleteInterestTopic(id))
base.LogUserAction(UserActionLoggingType.DeleteInterest, interestTopicViewModel.Name);
return this.View(new GridModel(this.InterestTopicPresenter.GetList()));
}
正如您所看到的,在我的控制器中,我必须在函数末尾返回GridModel对象中的整个列表。如果我不这样做,视图将不会刷新。
是否可以在控制器的帮助下删除记录,让Telerik删除javascript中相应行的div?
谢谢。
答案 0 :(得分:3)
如果你不害怕javascript和jQuery,那就不难了。我通常只使用模板(例如使用Razor语法)将自己连接起来,而不是使用网格命令列和绑定:
.Columns(columns =>
{
columns.Bound(x => x.Name);
columns.Template
(
@<text>
<a href="#" onclick="delete(this, @item.Id);">Delete</a>
</text>
);
})
item是Telerik在键入模型的列模板绑定中提供的字段。您的删除功能不需要返回数据。你可以这样做:
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Delete(int id)
{
// call your code to delete the item here
return Json(new { resultCode = "success" });
}
然后创建一个javascript函数来POST到你的删除功能。
function delete(sender, id)
{
$.ajax({
type: "POST", // important, only perform deletes on a post
url: '/delete',
data: { id: id },
success: function (result)
{
if (result.resultCode == "success")
{
var row = $(sender).closest("tr");
row.remove();
}
}
});
}
这样的事情。我不知道确切的语法,但希望这足以让你开始。