Asp.net 如何使UpdateProgress呈现为span not div或使此div显示：inline？

如何使UpdateProgress呈现为span not div或使此div显示为：inline？

可以在CSS中添加一个类来应用

显示：inline

。这在.NET 4中变得更容易，因为您可以使UpdateProgress

ClientIDMode

成为静态的，这样您就不会得到一个自动生成的ID，该ID允许您知道客户端的ID是什么

CSS

ASP.NET

<asp:UpdateProgress ID="UpdateProgress" ClientIDMode="Static" runat="server">

编辑：该页面上的第四个示例似乎提供了一种设置应用何种样式的方法

<script type="text/javascript">
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);
var postBackElement;
function InitializeRequest(sender, args) {
   if (prm.get_isInAsyncPostBack())
   {
      args.set_cancel(true);
   }
   postBackElement = args.get_postBackElement();
   if (postBackElement.id == 'ButtonTrigger')
   {
     $get('UpdateProgress1').style.display = "inline";
   }
}
function EndRequest (sender, args) {
   if (postBackElement.id == 'ButtonTrigger')
   {
     $get('UpdateProgress1').style.display = "none";    
   }
}
function AbortPostBack() {
  if (prm.get_isInAsyncPostBack()) {
       prm.abortPostBack();
  }        
}
</script>

var prm=Sys.WebForms.PageRequestManager.getInstance（）；
prm.添加_initializeRequest（initializeRequest）；
prm.add_endRequest（endRequest）；
var后回溯元素；
函数初始化请求（发送方，参数）{
if（prm.get_isInAsyncPostBack（））
{
参数设置\取消（真）；
}
postBackElement=args.get_postBackElement（）；
if（postBackElement.id=='ButtonTrigger'）
{
$get（'UpdateProgress1'）.style.display=“inline”；
}
}
函数EndRequest（发送方，参数）{
if（postBackElement.id=='ButtonTrigger'）
{
$get（'UpdateProgress1'）.style.display=“无”；
}
}
函数AbortPostBack（）{
if（prm.get_isInAsyncPostBack（））{
prm.abortPostBack（）；
}        
}

如回答设置中所述，clientMode=“Static”确保客户端id与您指定的相同。我理解你关于内联样式被应用的观点，这对我来说有点疏忽。不幸的是，我能提供的唯一其他建议是使用display:inline属性将UpdateProgress包装在一个div中：/n您还可以尝试在UpdatePanel内容模板中添加UpdateProgress

<script type="text/javascript">
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);
var postBackElement;
function InitializeRequest(sender, args) {
   if (prm.get_isInAsyncPostBack())
   {
      args.set_cancel(true);
   }
   postBackElement = args.get_postBackElement();
   if (postBackElement.id == 'ButtonTrigger')
   {
     $get('UpdateProgress1').style.display = "inline";
   }
}
function EndRequest (sender, args) {
   if (postBackElement.id == 'ButtonTrigger')
   {
     $get('UpdateProgress1').style.display = "none";    
   }
}
function AbortPostBack() {
  if (prm.get_isInAsyncPostBack()) {
       prm.abortPostBack();
  }        
}
</script>