Kendo网格行中的Kendo上传

时间:2013-10-28 09:50:58

标签: upload grid kendo-ui kendo-grid

我在我的应用程序中使用了Kendo()网格,它与模型绑定。 我想在Grid中为每一行提供上传控件。请看剃刀视图设计如下

@(Html.Kendo().Grid<Model>()
.Name("Grid")
.Columns(col =>
      {
          col.Template(@<text></text>).ClientTemplate("<a Title='Export' href='" +    Url.Action("Export", "RouteFileExport", new { Id = "#= RouteScheduleID #", routeID = "#= RouteID #" }) + "'><img src=" + @Url.Content("~/Content/images/download.png") + "></a>").Title("Export");
          col.Template(@<text>@(Html.Kendo().Upload()
                                                     .Name("attachments<#= ID #>")
                                                     .HtmlAttributes(new { id = "attachments<#= ID #>" })
                                                     .Multiple(false)
                                                     .Async(async => async
                                                          .Save("Save", "Controller", new { folder = "<#= ID #>" })
                                                         .AutoUpload(true)
                                                         )
                                                     )</text>).Title("Import");
          col.Command(command =>
              {
                  command.Destroy();
                  command.Custom("Unlock");
                  command.Custom("Notification");
              }

          );
      })

通过以上设计,我无法在网格内显示上传控件。它显示BLANK列。

请让我知道如何针对每个剑道网格行实现上传。

由于

1 个答案:

答案 0 :(得分:0)

您是否在最后一栏中寻找自定义按钮?如果您使用自定义命令按钮,它可以链接到JQuery或控制器操作,如下所示:

  columns.Command(cmd => cmd.Custom("Upload").Text("Upload").Click("UploadJqueryScript")).Width(75);

  columns.Command(cmd => cmd.Custom("Upload").Action("UploadMethod", "Controller")).Width(75);

您是否尝试过这些选项?