http://www.aspforums.net/Threads/113535/Display-DataList-selected-item-based-record-from-database-in-Bootstrap-modal-popup-using-jQuery-Ajax-in-ASPNet/
Hi sir i used your code for the above link. but modal is not popping up . please help me sir.
Thank You
$(function () {
$("[id*=#LinkButton1]").click(function () {
var id = $(this).closest('div').find($('[id*=Label2]')).text();
$.ajax({
type: "POST",
url: "Home.aspx/GetSavedpost",
data: '{id:"' + id + '"}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
$("[id*=TextBox1]").val(response.d[0].complainant_name);
$("[id*=TextBox2]").val(response.d[0].complaint_time);
$("[id*=TextBox3]").val(response.d[0].floor_number);
$("[id*=TextBox4]").val(response.d[0].room_number);
$("[id*=TextBox5]").val(response.d[0].status);
$('#myModal').modal('show');
}
});
return false;
});
});
<div class="container">
<asp:DataList ID="Datasaved" runat="server" Width="100%">
<ItemTemplate>
<div class="" style="margin-left: 6px">
<div class="box box box-solid direct-chat direct-chat" style="margin-bottom: 8px">
<div class="well-sm" style="">
<div class=" gamma-container " style="width: 100%; clear: both;">
<asp:Label Text='<%#Eval("complainant_Name") %>' runat="server" />
</div>
<div class="caption">
<p>
<asp:Label ID="lblpost" runat="server" Text='<%# Eval("status")%>' Font-Bold="False"
Font-Strikeout="False" ForeColor="#333333" CssClass="" Font-Names="" Font-Size="" />
<asp:Label ID="Label2" runat="server" Text='<%#Eval("complaint_id") %>' style="display:none;"></asp:Label>
</p>
<p>
<asp:LinkButton ID="LinkButton1" runat="server" CssClass="btn btn-primary">
<asp:Label ID="Label1" runat="server" Text="$"></asp:Label> View Details</asp:LinkButton>
</p>
</div>
</div>
</div>
</ItemTemplate>
</asp:DataList>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">
Complaint Details</h4>
</div>
<div class="modal-body">
<table class="table table-responsive">
<tr>
<td>
<b>Complainant Name: </b>
<asp:TextBox ID="TextBox1" runat="server" CssClass="form-control"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<b>Complaint Time:</b>
<asp:TextBox ID="TextBox2" runat="server" CssClass="form-control"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<b>Floor Number: </b>
<asp:TextBox ID="TextBox3" runat="server" CssClass="form-control"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<b>Room Number: </b>
<asp:TextBox ID="TextBox4" runat="server" CssClass="form-control"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<b>Status: </b>
<asp:TextBox ID="TextBox5" runat="server" CssClass="form-control"></asp:TextBox>
</td>
</tr>
</table>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
</div>
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
using (SqlConnection con = new SqlConnection(@"Data Source=DESKTOP-BAU19GF;Initial Catalog=CMS;Integrated Security=True"))
{
using (SqlCommand cmd = new SqlCommand("SELECT complaint_id,complainant_name,complaint_time,floor_number,room_number,status from complaint where status in ('Open','Pending')"))
{
cmd.Connection = con;
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataTable dt = new DataTable();
da.Fill(dt);
Datasaved.DataSource = dt;
Datasaved.DataBind();
}
}
}
}
public static List<complaint> GetSavedpost(string id)
{
using (SqlConnection con = new SqlConnection(@"Data Source=DESKTOP-BAU19GF;Initial Catalog=CMS;Integrated Security=True"))
{
using (SqlCommand cmd = new SqlCommand("SELECT complaint_id,complainant_name,complaint_time,floor_number,room_number,status from complaint where status='Open'"))
{
cmd.Connection = con;
List<complaint> complaint = new List<complaint>();
con.Open();
using (SqlDataReader sdr = cmd.ExecuteReader())
{
while (sdr.Read())
{
complaint.Add(new complaint
{
complaint_id=sdr["complaint_id"].ToString(),
complainant_name=sdr["complainant_name"].ToString(),
complaint_time=sdr["complaint_time"].ToString(),
floor_number=sdr["floor_number"].ToString(),
room_number=sdr["room_number"].ToString(),
status=sdr["status"].ToString()
});
}
}
con.Close();
return complaint;
}
}
}
public class complaint
{
public string complaint_id { get; set; }
public string complainant_name { get; set; }
public string complaint_time { get; set; }
public string floor_number { get; set; }
public string room_number { get; set; }
public string status { get; set; }
}
Help Me