上传文件后如何禁用Telerik MVC上传控件中的浏览按钮?

时间:2012-02-24 12:40:00

标签: upload telerik-mvc

我需要一个条件,我想使用Telerik MVC上传控件只上传一个文档。我已经在Telerik控件中设置了“Multiple(false)”属性集。

上传文件后,我只想禁用“浏览”按钮。我一直尝试禁用整个上传控件。在这种情况下,删除按钮也会被禁用。

1 个答案:

答案 0 :(得分:0)

这并不像应该的那样容易。但是,您可以通过处理上传控件的onSuccess事件并使用jQuery查找上传按钮所在的span并使用attr("disabled", "disabled")禁用其内容来执行此操作:

上传控件:

<%= Html.Telerik().Upload()
        .Name("document")

        //add a custom attribute
        .HtmlAttributes(new { @class = "myCustomClass" })

        .Async(async => async
            .Save("Save", "Home")
            .Remove("Remove", "Home")
        )
        .ClientEvents(events => events
            .OnSuccess("onSuccess")
        )
%>

JavaScript事件处理程序:

<script type="text/javascript">
    function onSuccess(e) {
        $(".myCustomClass").find('span:first').attr("disabled", 'disabled');
    }
</script>