2

I want my textbox to display the name of file selected by telerik upload control. Please find the code snippet below.

<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))

Currently the textbox is displaying null.

4

1 に答える 1

0

The Telerik control should allow you to show the file name. Your extra textbox seems redundant.

Read the telerik documentation and specifically the html and css section. It says the following:

During and after uploading, a file list is displayed, which shows the progress and status of each uploaded file. Its HTML output is the following:

<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>

If you want to update a textbox of your own, simply use their client api by adding this when creating telerik control

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

and in your javascript

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

Again all the details are in the documentation.

于 2012-10-11T11:01:11.450 に答える