通过Jquery获取中继器内部的控件ID

getting control ID inside repeater by Jquery

本文关键字:控件 ID 内部 中继器 Jquery 获取 通过      更新时间:2023-09-26

我有想要评论的条目。所以我创建了一个带有TextBox和里面的按钮。如何通过获取特定行的按钮和文本框的idJquery?

<ASP:REPEATER runat="server">
<ItemTemplate>
...
// Entries: bind data from DB
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" />  
</ItemTemplate>
</ASP:REPEATER>

谢谢。

您的大问题是,您的asp中继器控件将生成像这样的ID ct100_repeater_txt1,这不会帮助您获得与其相应的数据库行相关联的注释

我发现实现这一点的常见方法(我认为这是一种非常标准的方法)是用数据库中的行id分配元素id,或者如果您无法控制id,则创建一个自定义属性。

我使用的伪代码看起来是这样的:(我会尝试使其与语言/平台无关,这样你就可以学习概念,而不是只学习语言)

<repeater template>
    <textbox id="txt1" dbid='<% eval database id>'/>
    <button id="btn1"  dbid='<% eval database id>'/>
</repeater template>

应该生成如下代码:

<input type="textbox" value="" id="ct100_txt1" dbid="14" />
<input type="button value="submit" id="ct100_btn1" dbid="14" />
<input type="textbox" value="" id="ct100_txt2" dbid="12" />
<input type="button value="submit" id="ct100_btn2" dbid="12" />
<input type="textbox" value="" id="ct100_txt3" dbid="39" />
<input type="button value="submit" id="ct100_btn3" dbid="39" />

然后用你想要的任何语言,你都可以从这个属性中读取:

Button.Click{
   get attribute dbid of button clicked;
   save text of textbox of same dbid to a database;
}

很多欢呼声!希望这对你的有效

编辑

作为对评论"id将dbid保存在哪里?!"的回应,我假设在数据库中:)您应该如何保存它?有很多方法。这里有一个你可以用jquery试试:

创建一个javascript函数来保存接受参数的答案。将dbid绑定到控件时,将其绑定到onclick函数中,并将该id传递给该函数。然后,函数获取dbid匹配的文本,并将注释和id保存到数据库中。

<textbox dbid="14" />
<input onclick="doStuff(14)" />
<script>
    function doStuff(var id){
        var comment = $('textbox[dbid=id]').value();
        ajax(your url and arguments);
    };
</script>

如果没有更多信息,这是我能为您提供的最好的:

对于这样的html(这就是asp.net将如何呈现你的按钮/文本框):

<div id="row1"><button type="button">Click Me!</button><input type="text" name="tb_info" /></div>
<div id="row2"><button type="button">Click Me again!</button><input type="text" name="tb_info" /></div>

您可以使用以下jQuery选择button and textbox for specific row

$("#row1 > button, #row1 > input")