ASP.NET AJAX控件工具包 - 更改AsyncFileUpload控件的外观?

时间:2009-10-16 00:19:30

标签: asp.net ajax controls toolkit

我试过在ASP.NET论坛上问这个,但没有人有解决方案。我开始认为没有一个。

我想要做的是在隐藏文本框的同时自定义AsyncFileUpload控件的“浏览”按钮的外观和大小。或者,完全隐藏AsyncFileUpload并从我可以自定义的按钮调用其功能也将非常出色。

4 个答案:

答案 0 :(得分:1)

您仍然可以使用SLaks为AsyncFileUpload控件提供的解决方案。

代码:

<div id="fileUploadDiv">
    <asp:AsyncFileUpload ID="AsyncFileUpload1" runat="server" />
</div>

将以这种方式呈现:

<div id="fileUploadDiv">    
    <span id="MainContent_AsyncFileUpload1">    
        <input type="hidden" name="ctl00$MainContent$AsyncFileUpload1$ctl00" id="MainContent_AsyncFileUpload1_ctl00" />    
        <div id="MainContent_AsyncFileUpload1_ctl01" name="MainContent_AsyncFileUpload1_ctl01">    
            <input name="ctl00$MainContent$AsyncFileUpload1$ctl02" type="file" id="MainContent_AsyncFileUpload1_ctl02" id="MainContent_AsyncFileUpload1_ctl02" onkeydown="return false;" onkeypress="return false;" onmousedown="return false;" style="width:355px;" />    
        </div>    
    </span>    
</div>

因此,通过使用CSS选择器 #fileUploadDiv输入[type = file] ,您可以像使用常规&lt; input type ='file'&gt;一样修改AsyncFileUpload控件的样式;元件。

我在博客中详细介绍了这个解决方案here.

答案 1 :(得分:0)

也许这有点在左边的领域,但也许更好的解决方案是使用基于Flash的解决方案。有一些是专门为ASP.NET制作的,显然有相当多的自定义。

这不是直接解决问题的方法,而是实现类似结果的另一种方法。

答案 2 :(得分:0)

答案 3 :(得分:0)

通过设置控件的opacity,并添加相同大小的任何其他控件,您可以保留所需的任何视图。

请参阅此参考:

http://blog.rptea.com/post/Customize-AsyncFileUpload-(MS-ajax-control-toolkit-)-cross-browser-too.aspx