2

我希望我的文本框显示 Telerik 上传控件选择的文件的名称。请在下面找到代码片段。

<td>
@Html.TextBox(txtBox, null, new { style = string.Format("width:200px") })
</td>
<td style="padding-top: 1%; padding-left: 8%">
@(Html.Telerik().Upload().Name(BrowseButton)
//.HtmlAttributes(new { @class = "myCustomClass" }).Multiple(false))

目前文本框显示为空。

4

1 回答 1

0

Telerik 控件应该允许您显示文件名。您额外的文本框似乎是多余的。

阅读telerik 文档,特别是html 和 css 部分。它说:

在上传过程中和上传之后,会显示一个文件列表,其中显示了每个上传文件的进度和状态。它的 HTML 输出如下:

<ul class="t-upload-files t-reset">
    <li class="t-file">
        <span class="t-icon t-success">uploaded</span>
        <span class="t-filename">some-uploaded-file.jpg</span>
        <button class="t-button t-button-icontext t-upload-action" type="button">
                 <span class="t-icon t-delete"></span>Remove</button>
    </li>
    <li class="t-file">
        <span class="t-icon t-fail">failed</span>
        <span class="t-filename">some-failed-file.jpg
            <span class="t-progress">
         <span style="width: 75%;" class="t-progress-status">
            </span></span>
        </span>
        <button class="t-button t-button-icontext t-upload-action" type="button">
                    <span class="t-icon t-retry"></span>Retry</button>
    </li>
</ul>

如果您想更新自己的文本框,只需在创建 Telerik 控件时添加它即可使用他们的客户端 api

@(Html.Telerik().Upload().Name(BrowseButton)
.ClientEvents(events => events.OnSelect("onSelect"))

在你的 javascript 中

function onSelect(e) {
        // Array with information about the uploaded files
        $('#yourTextboxId').val(e.files[0].name);  
    }

同样,所有详细信息都在文档中。

于 2012-10-11T11:01:11.450 回答