Добавление CSS в обработчик asp.net - PullRequest
Новая
       29

Добавление CSS в обработчик asp.net

0 голосов
/ 31 марта 2012

Я хотел бы знать, возможно ли добавить CSS к одному из элементов в .aspx fle из обработчика.

Это мой обработчик: 

Private Sub UploadWholeFile(ByVal context As HttpContext, ByVal statuses As List(Of FilesStatus))
        For i As Integer = 0 To context.Request.Files.Count - 1
            Dim file = context.Request.Files(i)
            file.SaveAs(ingestPath & Path.GetFileName(file.FileName))
            Thread.Sleep(1000)
            Dim fname = Path.GetFileName(file.FileName)
            statuses.Add(New FilesStatus With {.thumbnail_url = "Thumbnail.ashx?f=" & fname, .url = "Upload.ashx?f=" & fname, .name = fname, .size = file.ContentLength, .type = "image/png", .delete_url = "Upload.ashx?f=" & fname, .delete_type = "DELETE", .progress = "1.0"})
        Next i
    End Sub

И у меня естькнопка, которая на самом деле находится в файле шаблона на моей странице default.aspx, показанной ниже: 

<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-upload fade">
    <td><img src="img/paperclip.png"/></td>
        <td class="imagename"><span>{%=file.name%}</span></td>
        {% if (file.error) { %}
            <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
        {% } else if (o.files.valid && !i) { %}

            <td class="start" style="visibility:hidden">{% if (!o.options.autoUpload) { %}
                <button class="btn btn-primary">
                    <i class="icon-upload icon-white"></i>
                    <span>{%=locale.fileupload.start%}</span>
                </button>
            {% } %}</td>
        {% } else { %}
            <td colspan="2"></td>
        {% } %}
        <td class="cancel">{% if (!i) { %}
            <button class="btn btn-warning">
                <i class="icon-ban-circle icon-white"></i>
            </button>
        {% } %}</td>
    </tr>
{% } %}
</script>

Теперь я хотел бы изменить кнопку на изображение.Так как мне это сделать из обработчика?

Если я нажму на кнопку ниже, мне нужно изменить значок для btn-warning

<button type="submit" class="btn btn-primary start">
                    <i class="icon-upload icon-white"></i>
                    <span>Start upload</span>
</button>

1 Ответ

2 голосов
/ 31 марта 2012

Было бы проще, если бы вы изменили кнопку на изображение на стороне клиента, когда пользователь нажимает на нее.(Похоже, это действительно то, что вам нужно) 

<button class="btn btn-primary" onclick="changeToImage();">

function changeToImage()
{
    $('.btn-warning').replaceWith('<img src="/wherever.jpg"/>');
}

Кнопка своп для изображения (Jquery)

...