Ajax模式弹出扩展器BackgroundCssClass不起作用 [英] Ajax modal pop up extender BackgroundCssClass not working

问题描述

您好，程序员，这里有个小问题.

Hello programmers, got a small problem here. The

<cc1:PopupControlExtender ID="Popup" runat="server" TargetControlID="Button1" PopupControlID="popUpPanel" BackgroundCssClass="" >
</cc1:PopupControlExtender>

无法正常工作，类型"AjaxContolToolkit.PopupcontrolExtender"没有公共属性名称"BackgroundCssClass"
那是什么意思?

谢谢，还有更多力量

is not working saying type ''AjaxContolToolkit.PopupcontrolExtender'' does not have a public property name ''BackgroundCssClass''
Whats the meaning of that?

Thanks and more power

<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<asp:Button ID="Button1" runat="server" Text="Button" />

    <cc1:ToolkitScriptManager ID="ToolkitScriptManager1"  runat="server">
    
<br />
<cc1:PopupControlExtender ID="Popup"  runat="server" TargetControlID="Button1" PopupControlID="popUpPanel" BackgroundCssClass="" >

<asp:Panel ID="popUpPanel" runat="server" 
      CssClass="modalPopup"  Style="display: none;"   >
<div>
<h2>
Thanks For Visiting This Site</h2>
<div>
<asp:Button ID="btnOk" runat="server" Text="Ok"/>
</div></div>


    <cc1:DropShadowExtender ID="popUpPanel_DropShadowExtender"  runat="server" 
        Enabled="True" TargetControlID="popUpPanel">

推荐答案

这只是简单的问题
这是我的示例代码:

在这些文章中，请参见< style>部分


<％@页面语言="C#" AutoEventWireup ="true" CodeFile ="SkAjaxModalPopupExtenderWithGVEdit.aspx.cs" Inherits ="WebServerControls_SkModelPopPup_SkAjaxModalPopupExtenderWithGVEdit"％>
<％@注册Assembly ="AjaxControlToolkit"命名空间="AjaxControlToolkit" TagPrefix ="asp"％>
<！DOCTYPE html PUBLIC-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

< html xmlns ="http://www.w3.org/1999/xhtml">
< head runat ="server">
< title>无标题页面</title>
< big>< b>< style type ="text/css">
.modalBackground
{
背景颜色:灰色；
z-index:10000；
}
</style></b>
</head></big>
< body>
< form id ="form1" runat ="server">
< p>< center>
< font face ="arial，helvetica" size =-2">提供了免费的JavaScripts< br>
通过< a href ="http://javascriptsource.com"> JavaScript源</a></font>
</center>< p>

< asp:ScriptManager ID ="ScriptManager1" runat ="server">
</asp:ScriptManager>
<％-< asp:ToolkitScriptManager ID ="ScriptManager1" runat ="server">
</asp:ToolkitScriptManager>-％>
< div>
< asp:GridView runat =服务器" ID ="gvdetails" DataKeyNames ="UserId" AutoGenerateColumns ="false">
< RowStyle BackColor =#EFF3FB"/>
< FooterStyle BackColor =#507CD1" Font-Bold ="True" ForeColor ="White"/>
< PagerStyle BackColor =#2461BF" ForeColor ="White" Horizo​​ntalAlign ="Center"/>
< HeaderStyle BackColor =#507CD1" Font-Bold ="True" ForeColor ="White"/>
< AlternatingRowStyle BackColor ="White"/>
<专栏>
< asp:TemplateField HeaderText ="Edit">
< ItemTemplate>
< asp:ImageButton ID ="imgbtn" ImageUrl =〜/Images/icon18_wrench_allbkg.png" runat ="server" Width ="25" Height ="25" onclick ="imgbtn_Click"/>
</ItemTemplate>
</asp:TemplateField>
< asp:BoundField DataField ="UserName" HeaderText ="UserName"/>
< asp:BoundField DataField ="FirstName" HeaderText ="FirstName"/>
< asp:BoundField DataField ="LastName" HeaderText ="LastName"/>
< asp:BoundField DataField ="City" HeaderText ="City"/>
< asp:BoundField DataField ="Designation" HeaderText ="Designation"/>
</列>
</asp:GridView>
< asp:标签ID ="lblresult" runat ="server"/>
< asp:Button ID ="btnShowPopup" runat ="server" style ="display:none"/>
< asp:ModalPopupExtender ID ="ModalPopupExtender1" runat =服务器" TargetControlID ="btnShowPopup" PopupControlID ="pnlpopup"
CancelControlID ="btnCancel" BackgroundCssClass ="modalBackground">
</asp:ModalPopupExtender>
< asp:Panel ID ="pnlpopup" runat ="server" BackColor ="White" Height ="269px" Width ="400px" style ="display:none">
< table width ="100％" style ="border:Solid 3px#D55500; width:100％; height:100％" cellpadding ="0" cellspacing ="0">
< tr style ="background-color:#D55500">
< td colspan ="2" style =高度:10％；颜色:白色；字体重量:粗体；字体大小:较大" align ="center">用户详细信息</td>
</tr>
< tr>
< td align ="right" style ="width:45％">
用户名:
</td>
< td>
< asp:标签ID ="lblID" runat =服务器"></asp:标签>
</td>
</tr>
< tr>
< td align ="right">
用户名:
</td>
< td>
< asp:标签ID ="lblusername" runat =服务器"></asp:标签>
</td>
</tr>
< tr>
< td align ="right">
名:
</td>
< td>
< asp:TextBox ID ="txtfname" runat ="server"/>
</td>
</tr>
< tr>
< td align ="right">
姓氏:
</td>
< td>
< asp:TextBox ID ="txtlname" runat ="server"/>
</td>
</tr>
< tr>
< td align ="right">
城市:
</td>
< td>
< asp:TextBox ID ="txtCity" runat ="server"/>
</td>
</tr>
< tr>
< td align ="right">
名称:
</td>
< td>
< asp:TextBox ID ="txtDesg" runat ="server"/>
</td>
</tr>
< tr>
< td>
</td>
< td>
< asp:Button ID ="btnUpdate" CommandName ="Update" runat ="server" Text ="Update" onclick ="btnUpdate_Click"/>
< asp:Button ID ="btnCancel" runat ="server" Text ="Cancel"/>
</td>
</tr>
</table>
</asp:Panel>
</div>
</form>
</body>
</html>

it is simple problem only
here is my sample code look over to it:

in these see the <style>part


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SkAjaxModalPopupExtenderWithGVEdit.aspx.cs" Inherits="WebServerControls_SkModelPopPup_SkAjaxModalPopupExtenderWithGVEdit" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<big><b><style type="text/css">
.modalBackground
{
background-color: Gray;
z-index: 10000;
}
</style></b>
</head></big>
<body>
<form id="form1" runat="server">
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<%--<asp:ToolkitScriptManager ID="ScriptManager1" runat="server">
</asp:ToolkitScriptManager>--%>
<div>
<asp:GridView runat="server" ID="gvdetails" DataKeyNames="UserId" AutoGenerateColumns="false">
<RowStyle BackColor="#EFF3FB" />
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:TemplateField HeaderText="Edit">
<ItemTemplate>
<asp:ImageButton ID="imgbtn" ImageUrl="~/Images/icon18_wrench_allbkg.png" runat="server" Width="25" Height="25" onclick="imgbtn_Click" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="UserName" HeaderText="UserName" />
<asp:BoundField DataField="FirstName" HeaderText="FirstName" />
<asp:BoundField DataField="LastName" HeaderText="LastName" />
<asp:BoundField DataField="City" HeaderText="City" />
<asp:BoundField DataField="Designation" HeaderText="Designation" />
</Columns>
</asp:GridView>
<asp:Label ID="lblresult" runat="server"/>
<asp:Button ID="btnShowPopup" runat="server" style="display:none" />
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnShowPopup" PopupControlID="pnlpopup"
CancelControlID="btnCancel" BackgroundCssClass="modalBackground">
</asp:ModalPopupExtender>
<asp:Panel ID="pnlpopup" runat="server" BackColor="White" Height="269px" Width="400px" style="display:none">
<table width="100%" style="border:Solid 3px #D55500; width:100%; height:100%" cellpadding="0" cellspacing="0">
<tr style="background-color:#D55500">
<td colspan="2" style=" height:10%; color:White; font-weight:bold; font-size:larger" align="center">User Details</td>
</tr>
<tr>
<td align="right" style=" width:45%">
UserId:
</td>
<td>
<asp:Label ID="lblID" runat="server"></asp:Label>
</td>
</tr>
<tr>
<td align="right">
UserName:
</td>
<td>
<asp:Label ID="lblusername" runat="server"></asp:Label>
</td>
</tr>
<tr>
<td align="right">
FirstName:
</td>
<td>
<asp:TextBox ID="txtfname" runat="server"/>
</td>
</tr>
<tr>
<td align="right">
LastName:
</td>
<td>
<asp:TextBox ID="txtlname" runat="server"/>
</td>
</tr>
<tr>
<td align="right">
City:
</td>
<td>
<asp:TextBox ID="txtCity" runat="server"/>
</td>
</tr>
<tr>
<td align="right">
Designation:
</td>
<td>
<asp:TextBox ID="txtDesg" runat="server"/>
</td>
</tr>
<tr>
<td>
</td>
<td>
<asp:Button ID="btnUpdate" CommandName="Update" runat="server" Text="Update" onclick="btnUpdate_Click"/>
<asp:Button ID="btnCancel" runat="server" Text="Cancel" />
</td>
</tr>
</table>
</asp:Panel>
</div>
</form>
</body>
</html>

这篇关于Ajax模式弹出扩展器BackgroundCssClass不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！