JavaScript方法在ASP.NET用户控件中不起作用
JavaScript method not working in ASP.NET User Control
我之前问过一个关于JavaScript代码的问题，你可以在这里看到：如何向下滚动到多行TextBox的底线，JavaScript的scrollIntoView不适用于此。好吧，问题解决了，公认的答案是有效的。
之后，我不得不将你在这个问题中看到的代码部分移到用户控制中，最终看起来是这样的：
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="LiveChatPart.ascx.cs" Inherits="BeyzamComArayuz.LiveChatUserControl.LiveChatPart" %>
<%@ Register src="/LiveChatUserControl/GenelOdaFlashPart.ascx" tagname="GenelOdaFlash" tagprefix="gOF" %>
<script language="javascript" type="text/javascript">
function buttonClicked() {
// var el = document.getElementById("TxtBxOdaMesajlari");
var textBox = $get("TxtBxOdaMesajlari");
textBox.scrollTop = textBox.scrollHeight;
// $get("TxtBxOdaMesajlari").scrollIntoView("false");
}
</script>
<asp:ScriptManager ID="ScrptMngr" runat="server"></asp:ScriptManager>
<tr>
<gOF:GenelOdaFlash runat="server"></gOF:GenelOdaFlash>
<td valign="top" align="left">
<table>
</table>
</td>
<td valign="top" align="left">
<table>
<tr>
<td>
buraya imajlar gelecek - chip vs.
</td>
</tr>
<tr>
<td>
<asp:ListBox ID="LstBxOdadakiKullanicilar" runat="server"
Width="175" Height="281" Enabled="false">
<asp:ListItem Value="1" Text="Bir"></asp:ListItem>
</asp:ListBox>
</td>
</tr>
<tr>
<td>
<asp:UpdatePanel ID="UpdtPnlButtonlar" runat="server">
<ContentTemplate>
<table>
<tr>
<td>
<asp:Button ID="ButtonOdadanCik" runat="server" Text="Odadan Çık" Width="175" Height="22" />
<asp:Button ID="ButtonHediyeGonder" runat="server" Text="Hediye Gönder" Width="175"
Height="22" />
<asp:Button ID="ButtonFullEkran" runat="server" Text="Full Ekran" Width="175" Height="22" />
<table>
<tr>
<td>
<asp:Panel ID="PnlKontroller" runat="server" GroupingText="Kontroller"
Visible="false">
<table>
<tr>
<td>
<asp:Label ID="LblChatTuru" runat="server" Text="Ücretsiz!"></asp:Label>
</td>
</tr>
<tr>
<td>
<asp:Button ID="BttnSohbetTuruDegistir" runat="server"
Width="175" Text="Sohbet Türü Değiştir"
OnClick="BttnSohbetTuruDegistir_click" />
<asp:Button ID="BttnMolaVer" runat="server"
Width="175" Text="Mola Ver" OnClick="BttnMolaVer_click" />
</td>
</tr>
</table>
</asp:Panel>
</td>
</tr>
</table>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
<asp:Button ID="ButtonOzelSohbet" runat="server" Text="Özel Sohbet" Height="108"
Width="175" OnClick="ButtonOzelSohbet_click" />
<asp:Panel ID="PnlOzelSohbetKamera" runat="server" Visible="false">
<asp:Label ID="asd" runat="server" Text="zsa"></asp:Label>
<div id="ozelOdaKamera" style="height: auto; float: left;">
<script type="text/javascript" src="/jwplayer/swfobject.js"></script>
<script type="text/javascript">
// For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection.
var swfVersionStr = "11.1.0";
// <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
var xiSwfUrlStr = "playerProductInstall.swf";
var flashvars = {};
var params = {};
params.quality = "high";
params.bgcolor = "#FFFFFF";
params.allowscriptaccess = "sameDomain";
params.allowfullscreen = "true";
var attributes = {};
attributes.id = "uyeOzelOdaKameraFlash";
attributes.name = "uyeOzelOdaKameraFlash";
attributes.align = "middle";
swfobject.embedSWF(
"/Images/uyeOzelOdaKameraFlash.swf", "ozelOdaKamera",
"220", "150",
swfVersionStr, xiSwfUrlStr,
flashvars, params, attributes);
// <!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
swfobject.createCSS("#flashContent", "display:block;text-align:left;");
</script>
</div>
</asp:Panel>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding-left:8px;">
<asp:UpdatePanel ID="UpdtPnlMesajlar" runat="server" EnableViewState="true">
<ContentTemplate>
<table>
<tr>
<td>
<table>
<tr>
<td>
<%--<div id="satir">--%>
<asp:TextBox ID="TxtBxOdaMesajlari" runat="server"
ReadOnly="true" TextMode="MultiLine"
Height="100" Width="350">
</asp:TextBox>
<%--</div>--%>
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="TxtBxMesaj" runat="server" Width="285"></asp:TextBox>
<%--this is the button which should run the javascript function--%>
<asp:Button ID="BttnGonder" runat="server" Text="Gönder"
Width="58" OnClick="BttnGonder_click"/>
</td>
</tr>
</table>
</td>
<td valign="top">
<asp:Panel ID="PnlAktiviteKayitlari" runat="server"
Visible="false" GroupingText="Aktivite Kayıtları">
<table>
<tr>
<td valign="top">
<asp:ListBox ID="LstBxAktiviteKayitlari" runat="server"
Enabled="false" Width="128">
<asp:ListItem Value="1" Text="Bir giriş yaptı"></asp:ListItem>
</asp:ListBox>
</td>
</tr>
</table>
</asp:Panel>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
在asp.cs文件中，我有
protected void BttnGonder_click(object sender, EventArgs e)
{
string cariId = "";
if (KullaniciTuru == 1)
{
cariId = Session["ModelId"].ToString();
}
else
{
cariId = Session["UyeId"].ToString();
}
string uyeHesapAdi = BAL.Cari.Cari.GetCariHesapAdi(int.Parse(cariId));
string mesaj = uyeHesapAdi + " : " + TxtBxMesaj.Text;
TxtBxOdaMesajlari.Text = TxtBxOdaMesajlari.Text + Environment.NewLine + mesaj;
//TxtBxOdaMesajlari.Focus();
ScriptManager.RegisterStartupScript(this, this.GetType(), "txtbxmesajlarslide", "buttonClicked();", true);
TxtBxMesaj.Text = string.Empty;
}
我的问题是buttonClicked()函数已经不起作用了，我试图使用ScottS的答案中的Page.ClientScriptManager.RegisterClientScriptInclude和这个Page.ClientScript.RegisterClientScriptBlock，它们都不起作用。我能做什么？
EDIT:我试图用IE9的内置调试器调试网页，并在buttonClicked()函数中设置了一个断点，但从未命中。然后我使用了按钮的OnClientClick事件，并添加了buttonClicked函数，它适用于每次单击，但文本框只是跳回到buttonClicked()函数之前的位置。
问题是，用户控件上控件的id有些混乱，因为它们包括用户控件的id和实际控件的id。因此，您的控件的id可能看起来像：ucLiveChatPart_TxtBxOdaMesajlari。
处理这一问题的简单方法是更改这一行：
var textBox = $get("TxtBxOdaMesajlari");
至：
var textBox = document.getElementById('<%= TxtBxOdaMesajlari.ClientID %>');
现在，如果您将javascript提取到一个单独的文件中，或者您想使用不同的方法，您可以将控件id从codeehind发送到javascript变量中，然后使用它。
在码尾：
ScriptManager.RegisterStartupScript(this, this.GetType(), "TxtBxOdaMesajlariId", "var m_TxtBxOdaMesajlariId = '" + TxtBxOdaMesajlari.ClientID + "'";, true);
和javascript:
var textBox = $get(m_TxtBxOdaMesajlariId);
相关文章：
- 自定义控件中的双向绑定在SAPUI5中不起作用
- 用键盘分页jQuery下一个和上一个控件.触发器('点击'）不'不起作用
- 脚本在web浏览器控件中不起作用
- 预编译文件不起作用
- NVD3图表控件don'在svg元素上挂接鼠标事件时不起作用
- HTML5 视频控件不起作用
- 按钮禁用验证在 jquery 中的键控上不起作用
- 传单 GeoJASON 图层控件在此脚本中不起作用
- 指南文本 使用其他控件输入文本时不起作用
- HTML5 视频控件在 Internet Explorer 中不起作用
- Javascript null 或 empty 控件不起作用
- 引导程序 3.1.1 轮播控件不起作用
- Birghtcove 无铬视频播放器控件在 Safari 中不起作用
- KeyPress事件在Asp.Net中的图像控件上不起作用
- 多个用户控件实例的相同JavaScript不起作用
- 使用jquery的同一页面中的两个用户控件不起作用
- 当我点击html5中的图像时，播放视频时控件不起作用
- Javascript大小控件在子页中不起作用
- 当HTML页面托管在IIS上时，ActiveX控件不起作用
- 引导程序3:第一个和最后一个项目的徒步旅行转盘控件不起作用
