안녕하세요 여러분 저는 메뉴 항목을 나열하는 리피터가 있습니다. 나는 명령 인수를 사용하여 코드 뒤에서 사용할 항목 당 ID를 얻습니다. 이제 Ajax를 사용하여 반복기에서 항목의 ID를 얻고 싶습니다.
내 중계기;
<asp:Repeater runat="server" ID="repMasterMenu">
<ItemTemplate>
<tr>
<td><asp:CheckBox ID="CheckBox1" runat="server" /></td>
<td>
<%#Eval("MenuName") %>
</td>
<td>
<asp:ImageButton ID="Edit" runat="server" ImageUrl="~/admin/img/duzenle_16x16.gif" CommandArgument=<%#Eval("Id") %> onclick="edit" Width="10px" />
</td>
<td>
<asp:ImageButton ID="Delete" ImageUrl="~/admin/img/sil_16x16.gif" runat="server" CommandArgument=<%#Eval("Id") %> onclick="del" width="10px"/>
</td>
</tr>
</ItemTemplate>
</asp:Repeater>
보시다시피 Commandargument를 사용하여 ImageButton으로 항목의 ID를 가져옵니다. 내가 Ajax를 사용하고 싶다고 말했듯이 ImageButton 편집으로 행의 ID를 얻는 방법 : ID를 얻기 위해 이와 같은 작업을 수행했지만 어느 항목을 클릭하더라도 항상 첫 번째 항목 ID를 얻습니다.
function Edit() {
var ClickId = $('[id*="Edit"]')
.click(function () {
var nId = $(ClickId).data("id");
alert(nId).val();
})
ID아래와 같이 html의 데이터 속성에 바인딩 할 수 있습니다 .
data-id=<%# Eval("Id") %>
HTML을 다음과 같이 렌더링합니다.
<input type="image" src="~/admin/img/duzenle_16x16.gif" id="Edit" name="Edit"
data-id="5" class="btnEdit">
이제 imagebutton에 일부 클래스를 할당하고 해당 클래스 선택기로 클릭 핸들러를 바인딩하고 data-id 속성을 가져와 ajax를 호출하십시오.
$(".btnEdit").on("click", function(){
var nId = $(this).data("id")
alert(nId);
})
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다