Hi i wanted to inser username and name from displayed datalist records using jquery but got stucked here
<asp:DataList ID="DataInterests" runat="server" OnItemDataBound="DataInterests_ItemDataBound"
OnDataBound="DataInterests_DataBound" Width="100%">
<ItemTemplate>
<div class="box box box-solid direct-chat direct-chat " style="margin-bottom: 8px">
<asp:Image ID="Imagesp" Text='<%#Eval("ImageBanner")%>' runat="server" src='<%#getSRCSPONSORED(Container.DataItem)%>'
class=" gamma-container animated slideInLeft" Style="background-repeat: no-repeat;"
alt="" data-aria-label-part="" background-image='<%# ("../BannerImage/") %>'
ImageAlign="TextTop" Width="100%" />
<div class="" style="position: absolute; bottom: 100px; top: 50px; left: 101px; right: 45px">
<asp:Image ID="Imagepro" Text='<%#Eval("ImageName")%>' runat="server" src='<%#getSRCCLUBPHOTOS(Container.DataItem)%>'
class=" img-circle animated zoomIn " Style="background-repeat: no-repeat; border-color: #FFFFFF;
border-width: 2px; border-style: Solid;" alt="" data-aria-label-part="" background-image='<%# ("../PROFILEPHOTOS/") %>'
Height="60px" Width="60px" />
<div class="" style="position: relative; right: 82px; bottom: 55px; left: 48px">
<asp:Label ID="Label27" runat="server" Text="" CssClass=" " ForeColor="White" Font-Size="Large"></asp:Label>
</div>
</div>
<div class=" well-sm " style="">
<div class=" gamma-container " style="width: 100%; clear: both;">
<asp:LinkButton ID="btnphotos" runat="server">
<div style="overflow:hidden; overflow-y:hidden; overflow-x:hidden">
</div>
</asp:LinkButton></div>
<span class="caption">
<div style="margin-top: 20px">
<asp:Label ID="lblName" Text='<%#Eval("Name") %>' runat="server" CssClass="h3" />
<asp:Label ID="hfRecommId" Text='<%#Eval("UserName") %>' runat="server" />
</div>
<p>
</p>
<p>
<asp:LinkButton ID="btnRecom" runat="server" CssClass="btn btn-primary">
<asp:Label ID="Label45" runat="server" Text="" CssClass="glyphicon glyphicon-plus"></asp:Label>
Submit
</asp:LinkButton>
<a href="#" class="btn">Action</a></p>
</span>
</div>
</div>
</ItemTemplate>
</asp:DataList>
<script type="text/javascript">
$(function () {
$('[id*=btnRecom]').click(function () {
var obj = {};
$('[id*=hfUserName]').val('<%= Session["userName"].ToString() %>');
obj.userName = $('[id*=hfUserName]').val();
obj.username = $(this).closest('tr').find('[id*=hfRecommId]').val();
obj.IDD = $(this).closest('tr').find('[id*=lblId]').html();
var rowIndex = $(this).closest('tr')[0].rowIndex;
$.ajax({
type: "POST",
url: "Timeline.aspx/OnRecommended",
data: JSON.stringify(obj),
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
},
failure: function (response) {
alert(response.d);
},
error: function (response) {
alert(response.d);
}
});
return false;
});
});
</script>
