确认删除弹出窗口并显示记录计数

Question

一般信息：

Aspx 页面包含一个 Ascx 用户控件。在用户控件内部，转发器包含在视图内，包含在多视图内。 Asp.Net 2.0 框架/C#

详细信息：

我有一个显示记录的转发器（在 ascx 用户控件内），第一列是一个复选框。如果选中，该行将被删除。 在中继器之外，我有一个按钮可以删除所有选中的行。

一切正常，但被要求添加一个弹出的“确认删除”消息，其中包括如果用户在弹出窗口中单击“确定”则将删除的记录数。

像这样的东西： “您将要删除 8 条记录”。

目前我的按钮如下所示：

    <asp:Button ID="btnDeleteAllRecords" runat="server" Text="Delete all Checked Records" Onclick="btnDeleteAllRecords_Click" OnClientClick="javascript:GetCbCount();" />

我有这个 javascript 代码块：

<script type="text/javascript">
function GetCbCount()   
{
var cb = document.getElementById("rptrVoicemail").getElementsByTageName("input");
  var cbCount;   
for(i = 0;  i < cb.lenght; i++)   
{   
    if(cb[i].type == "checkbox")   
    {   
        if(cb[i].checked)   
        {   
            cbCount =  cbCount + 1;   
        }               
    }       
}
return confirm('You are about to delete' + cbCount + 'records.');

} 
</script>

当我单击按钮时，我得到：

错误： 'document.getElementById(...)' 为 null 或不是对象 这条线上：

var cb = document.getElementById("rptrVoicemail").getElementsByTageName("input");

为什么 JS 没有看到我的中继器？是因为它被埋在 MultiView 中吗？ JS如何修正才能让弹窗显示消息中的记录数？

更新： 我将脚本更改为：

function GetCbCount(){ 
   var inpt = document.getElementById("vmDiv"); 
   var checkboxes = inpt.getElementsByTagName("input"); 
   var cbCount; 
   for(i = 0; i<checkboxes.lenght;i++){ 
      if (checkboxes[i].type == "checkbox" && checkboxes[i].checked){ 
         cbCount = cbCount + 1;
      } 
   } 
   return confirm('You are about to delete ' + cbCount + ' Voicemails.'); 
} 

Answer 1

这应该可行：

document.getElementById('<%= rptrVoicemail.ClientID %>').getElementsByTageName("input");

另一种方法是这个返回 ClientID 的小脚本。您甚至可以将其添加到包含的 JS 文件中。

function GetClientId(strid)
{
     var count=document.forms[ 0 ].length ;
     var i = 0 ;
     var eleName;
     for (i = 0 ;  i < count ;  i++ )
     {
       eleName = document.forms [ 0 ].elements[ i ].id;
       pos=eleName.indexOf( strid ) ;
       if(pos >= 0)  break;          
     }
    return eleName;
 }

找到此处。

Answer 2

如果您使用母版页或嵌套控件（在 ascx、视图等内部），框架将更改使用元素呈现的 ID。

如果您执行“查看源代码”或使用 FireBug，您可能会看到 rptrVoicemail 变成类似 ctl00_ContentPlaceHolder1_someUserControl_ctl00_multiViewID_ctl28_rptrVoicemail 的内容。

您可以使用 getElementById('<%= rptrVoicemail.ClientID %>') 获取将在客户端呈现的元素的 ID。

编辑：为了帮助调试，做这样的事情......你明白了。
<代码>
var rptr = document.getElementById('<%= rptrVoicemail.ClientID %>');
rptr.borderColor = '粉红色'; // 绘制边框以检查它是否是正确的元素