每页有多个 Telerik MVC 上传控件？

Question

我正在使用 Telerik Extensions for ASP.NET MVC 3，但我在上传控件方面遇到问题。我想在同一页面上有多个上传控件（例如，我要求提供图像和声音文件）。问题是，只有第一个上传控件有效。页面上的任何其他内容都呈现良好，单击它们仍然会弹出文件选择对话框，但除了第一个之外，没有任何内容真正响应。

Telerik 似乎没有报告控制台中的任何错误或任何其他内容，它只是不起作用。我是否需要做一些特定的事情才能在一个页面上允许多个上传控件？

为了演示，这是不起作用的损坏代码：

@(Html.Telerik().Upload()
    .Name("attachments")
    .Async(async => async.Save("Save", "Resource").AutoUpload(true))
    .ClientEvents(events => events
        .OnSuccess("ItemImageOnSuccess")
        .OnError("ItemImageOnError")
    )
)

@(Html.Telerik().Upload()
    .Name("attachments")
    .Async(async => async.Save("Save", "Resource").AutoUpload(true))
    .ClientEvents(events => events
        .OnSuccess("ItemSoundOnSuccess")
        .OnError("ItemSoundOnError")
    )
)

第二个上传字段已正确呈现，但不起作用。

Answer 1

对于遇到类似问题的其他人，我自己设法解决了。
我的问题是页面上的所有上传控件都具有相同的名称，这反过来又为它们提供了相同的 id，因此 Telerik 的所有 javascript 只能在第一个上传控件上工作。解决方法很明显：更改名称。

然而，这引入了一个新问题，因为我使用的所有上传控件都指向相同的函数，并且在更改控件名称时，参数不再正确映射，我只是得到一个空文件列表。为了解决这个问题，我需要向 .Save() 函数添加一个额外的参数来告诉它字段名称。

这是我上面代码的修复：

@(Html.Telerik().Upload()
    .Name("ImageUpload")
    .Async(async => async.Save("Save", "Resource", "attachments").AutoUpload(true))
    .ClientEvents(events => events
        .OnSuccess("ItemImageOnSuccess")
        .OnError("ItemImageOnError")
    )
)

@(Html.Telerik().Upload()
    .Name("SoundUpload")
    .Async(async => async.Save("Save", "Resource", "attachments").AutoUpload(true))
    .ClientEvents(events => events
        .OnSuccess("ItemSoundOnSuccess")
        .OnError("ItemSoundOnError")
    )
)