0

コントローラー アクションから新しい結果セットを返さなくても、行を削除できるようにしたいグリッドがあります。

これは私の見解では：

@(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 を削除させることは可能ですか?

ありがとうございました。

4

1 に答える 1

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" });
}

次に、削除関数に POST する JavaScript 関数を作成します。

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();
            }
        }
    });
}

そんな感じ。正確な構文はわかりませんが、始めるにはこれで十分だと思います。

于 2012-07-25T16:19:24.413 に答える