CSS无法在asp.net c＃的更新面板中工作 [英] CSS not working in update panel in asp.net c#
本文介绍了CSS无法在asp.net c＃的更新面板中工作的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
< html xmlns = http：/ /www.w3.org/1999/xhtml\">
< head runat = server >
< title > < / title >
< script src = js / jquery.min.js type = text / javascript > < / script >
< < span class =code-leadattribute> link href = css / bootstrap.min.css rel = stylesheet 类型 = text / css / >
< script src = js / bootstrap.min.js type = text / javascript > < ; / script >
< link href = css / bootstrap-multiselect.css rel = 样式表 类型 = text / css / >
< script src = js / bootstrap-multiselect.js type = text / javascript > < / script >
< script 类型 = text / javascript >
$（function（）{
$（'[id * = lstFruits]' ）.multiselect（{
includeSelectAllOption：true
}）;
}）;
< / script >
< / head >
< body >
< 表单 id = form1 runat = server >
< asp：ToolkitScriptManager ID = ToolkitScriptManager1 runat = server >
< / asp： ToolkitScriptManager >
< asp：UpdatePanel ID = UpdatePanel1 runat = 服务器 >
< ContentTemp迟到 >
< asp：ListBox ID = lstFruits runat = server SelectionMode = Multiple >
< asp：ListItem 文字 = 芒果 / >
< asp ：ListItem 文本 = Apple / >
< asp：ListItem < span class =code-attribute> 文本 = Banana / > ;
< asp：ListItem 文字 = 番石榴 / >
< asp：ListItem 文字 = 橙色 / < span class =code-keyword>>
< / asp：ListBox >
< / ContentTemplate >
< / asp：UpdatePanel >
< asp：按钮 ID = Button1 文本 = 提交 runat = < span class =code-keyword> server OnClick = 提交 / >
< /表格 >
< / body >
< / html >
CS代码
受保护 void 提交（对象发件人，EventArgs e）
{
string message = ;
foreach （ListItem item in lstFruits.Items）
{
if （item.Selected）
{
message + = item.Text + ，;
}
}
message = message.Substring（ 0 ，message.Length - 1 ）;
ScriptManager.RegisterClientScriptBlock（（sender as Control）， this .GetType（）， a， alert（' + message + '），< span class =code-keyword> true ）;
}
当我将Button放在侧面更新面板上时工作正常，
但是当我把它放在里面不工作时。
请给出解决方案
谢谢
解决方案
（function（）{
（'[id * = lstFruits]'）。multiselect（{
includeSelectAllOption ：true
}）;
}）;
< / script >
< / head >
< body >
< 表单 id = form1 runat = server >
< asp：ToolkitScriptManager ID = ToolkitScriptManager1 runat = server >
< / asp： ToolkitScriptManager >
< asp：UpdatePanel ID = UpdatePanel1 runat = 服务器 >
< ContentTemp迟到 >
< asp：ListBox ID = lstFruits runat = server SelectionMode = Multiple >
< asp：ListItem 文字 = 芒果 / >
< asp ：ListItem 文本 = Apple / >
< asp：ListItem < span class =code-attribute> 文本 = Banana / > ;
< asp：ListItem 文字 = 番石榴 / >
< asp：ListItem 文字 = 橙色 / < span class =code-keyword>>
< / asp：ListBox >
< / ContentTemplate >
< / asp：UpdatePanel >
< asp：按钮 ID = Button1 文本 = 提交 runat = < span class =code-keyword> server OnClick = 提交 / >
< /表格 >
< / body >
< / html >
CS代码
受保护 void 提交（对象发件人，EventArgs e）
{
string message = ;
foreach （ListItem item in lstFruits.Items）
{
if （item.Selected）
{
message + = item.Text + ，;
}
}
message = message.Substring（ 0 ，message.Length - 1 ）;
ScriptManager.RegisterClientScriptBlock（（sender as Control）， this .GetType（）， a， alert（' + message + '），< span class =code-keyword> true ）;
}
当我将Button放在侧面更新面板上时工作正常，
但当我把它放在里面不工作时。
请给出解决方案
谢谢
当updatepanel内的按钮时，如下所示，
ScriptManager.RegisterStartupScript（UpdatePanel1，UpdatePanel1.GetType（），
a， alert（' + message + '） ， true ）;
更新：
< script type = text / javascript>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="js/jquery.min.js" type="text/javascript"></script>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<link href="css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
<script src="js/bootstrap-multiselect.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('[id*=lstFruits]').multiselect({
includeSelectAllOption: true
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:ListBox ID="lstFruits" runat="server" SelectionMode="Multiple">
<asp:ListItem Text="Mango" />
<asp:ListItem Text="Apple" />
<asp:ListItem Text="Banana" />
<asp:ListItem Text="Guava" />
<asp:ListItem Text="Orange" />
</asp:ListBox>
</ContentTemplate>
</asp:UpdatePanel>
<asp:Button ID="Button1" Text="Submit" runat="server" OnClick="Submit" />
</form>
</body>
</html>
CS code
protected void Submit(object sender, EventArgs e)
{
string message = "";
foreach (ListItem item in lstFruits.Items)
{
if (item.Selected)
{
message += item.Text + ",";
}
}
message = message.Substring(0, message.Length - 1);
ScriptManager.RegisterClientScriptBlock((sender as Control), this.GetType(), "a", "alert('" + message + "')", true);
}
When i place Button out side update panel its working fine,
But when i place inside its not working.
Please give the solution
Thanks
解决方案
(function () {
('[id*=lstFruits]').multiselect({ includeSelectAllOption: true }); }); </script> </head> <body> <form id="form1" runat="server"> <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </asp:ToolkitScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:ListBox ID="lstFruits" runat="server" SelectionMode="Multiple"> <asp:ListItem Text="Mango" /> <asp:ListItem Text="Apple" /> <asp:ListItem Text="Banana" /> <asp:ListItem Text="Guava" /> <asp:ListItem Text="Orange" /> </asp:ListBox> </ContentTemplate> </asp:UpdatePanel> <asp:Button ID="Button1" Text="Submit" runat="server" OnClick="Submit" /> </form> </body> </html>
CS code
protected void Submit(object sender, EventArgs e) { string message = ""; foreach (ListItem item in lstFruits.Items) { if (item.Selected) { message += item.Text + ","; } } message = message.Substring(0, message.Length - 1); ScriptManager.RegisterClientScriptBlock((sender as Control), this.GetType(), "a", "alert('" + message + "')", true); }
When i place Button out side update panel its working fine,
But when i place inside its not working.
Please give the solution
Thanks
when button inside updatepanel, do like below,
ScriptManager.RegisterStartupScript(UpdatePanel1,UpdatePanel1.GetType(), "a", "alert('" + message + "')", true);
update:
<script type="text/javascript">
这篇关于CSS无法在asp.net c＃的更新面板中工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
