hi,
My modal popup does not works as it is unable to read the javascript files.Please give me a solution.Its urjent..My codes as follows...
code for MemberlistExperiment.asax..Its a web user control
----------------------------------------------------------------------------------------
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="MemberListExperiment.ascx.cs" Codebehind="~/Controls/MemberListExperiment.ascx.cs" Inherits="Controls_MemberListExperiment" %>
<div class="ROW">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" >
<ContentTemplate>
<asp:GridView ID="gvMembers" runat="server" AutoGenerateColumns="False" DataKeyNames="ID,Created"
CssClass="table table-hover table-striped" PageSize="50" OnRowCommand="gvMembers_RowCommand">
<Columns>
<asp:ButtonField ButtonType="Button" CommandName="detailsOfMember" HeaderText="Member Details" Text="Details">
<ControlStyle CssClass="btn btn-info" />
</asp:ButtonField>
<asp:ButtonField ButtonType="Button" CommandName="editMember" HeaderText="Edit Members" Text="Edit">
<ControlStyle CssClass="btn btn-info" />
</asp:ButtonField>
<asp:ButtonField ButtonType="Button" CommandName="deleteMember" HeaderText="Remove Member" Text="Delete">
<ControlStyle CssClass="btn btn-info" />
</asp:ButtonField>
<asp:BoundField DataField="ID" HeaderText="ID" Visible="False" />
<asp:BoundField DataField="MemberID" HeaderText="Member ID" />
<asp:BoundField DataField="ReceiptNO" HeaderText="Receipt No" />
<asp:BoundField DataField="SurName" HeaderText="Sur Name" />
<asp:BoundField DataField="Name" HeaderText="Name" />
<asp:BoundField DataField="DateOfBirth" HeaderText="Date Of Birth" Visible="False" />
<asp:BoundField DataField="StreetName" HeaderText="Street Name" Visible="False" />
<asp:BoundField DataField="MobileNo" HeaderText="Mobile No" />
<asp:BoundField DataField="GroupID" HeaderText="Group Name" Visible="False" />
<asp:BoundField DataField="Gender" HeaderText="Gender" Visible="False" />
<asp:BoundField DataField="EmailID" HeaderText="Email ID" />
<asp:BoundField DataField="Info" HeaderText="Information" Visible="False" />
<asp:BoundField DataField="ImagePath" HeaderText="Image Path" Visible="False" />
<asp:BoundField DataField="CityID" HeaderText="City Name" Visible="False" />
<asp:BoundField DataField="AreaID" HeaderText="Area Name" Visible="False" />
<asp:BoundField DataField="Created" HeaderText="Created" Visible="False" />
<asp:BoundField DataField="LastUpdated" HeaderText="Last Updated " Visible="False" />
</Columns>
</asp:GridView>
<asp:Button ID="btnAddRecord" runat="server" Text="Ad Record" CssClass="btn btn-info" OnClick="btnAddRecord_Click" />
</ContentTemplate>
</asp:UpdatePanel>
<div id="detailModal" class="modal fade" 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-hidden="true">x</button>
<h3 id="myModalLabel">Detailed View</h3>
</div>
<div class="modal-body">
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<div>
<asp:DetailsView ID="dvMembers" runat="server" AutoGenerateRows="False" BackColor="#6600FF" ForeColor="White" Height="50px" Width="125px" CssClass="table table-bordered">
<Fields>
<asp:BoundField DataField="ID" HeaderText="ID" />
<asp:BoundField DataField="MemberID" HeaderText="Member ID" />
<asp:BoundField DataField="MemberID" HeaderText="Member ID" />
<asp:BoundField DataField="ReceiptNO" HeaderText="Receipt No" />
<asp:BoundField DataField="SurName" HeaderText="Sur Name" />
<asp:BoundField DataField="Name" HeaderText="Name" />
<asp:BoundField DataField="DateOfBirth" HeaderText="Date Of Birth" />
<asp:BoundField DataField="StreetName" HeaderText="Street Name" />
<asp:BoundField DataField="MobileNo" HeaderText="Mobile No" />
<asp:BoundField DataField="GroupID" HeaderText="Group Name" />
<asp:BoundField DataField="Gender" HeaderText="Gender" />
<asp:BoundField DataField="EmailID" HeaderText="Email ID" />
<asp:BoundField DataField="Info" HeaderText="Information" />
<asp:BoundField DataField="ImagePath" HeaderText="Image Path" />
<asp:BoundField DataField="CityID" HeaderText="City Name" />
<asp:BoundField DataField="AreaID" HeaderText="Area Name" />
<asp:BoundField DataField="Created" HeaderText="Created" />
<asp:BoundField DataField="LastUpdated" HeaderText="Last Updated " />
</Fields>
</asp:DetailsView>
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="gvMembers" EventName="RowCommand" />
</Triggers>
</asp:UpdatePanel>
<div class="modal-footer">
<button class="btn btn-info" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</div>
</div>
</div>
</div>
------------------------------------------------------------------
code for MemberlistExperiment.asax.cs
------------------------------------------------------------------
using SummFIT.Entities;
using SummFIT.Services;
using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class Controls_MemberListExperiment : System.Web.UI.UserControl
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
LoadData();
}
}
MemberService memberService = new MemberService();
public void LoadData()
{
List<member> members = memberService.GetAllMembers();
gvMembers.DataSource = members;
gvMembers.DataBind();
}
protected void gvMembers_RowCommand(object sender, GridViewCommandEventArgs e)
{
int Rowindex = Convert.ToInt32(e.CommandArgument);//count the row index no
if (e.CommandName=="detailsOfMember")
{
var id = gvMembers.DataKeys[Rowindex].Values[0];
string Id = id.ToString();
dvMembers.DataSource = memberService.GetMemberDetailByID(Id);
dvMembers.DataBind();
StringBuilder sb=new StringBuilder();
sb.Append(@"<script type=""text/javascript"">");
//sb.Append("debugger;");
sb.Append("$('#detailModal').modal('show');");
sb.Append(@"</script>");
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "DetailModalScript", sb.ToString(), false);
}
------------------------------------------------------------------
MemberlistExperimentView.aspx takes the default master page present in visual studio and I also resistered the bootstrap.js file in mater page..code for code for MemberlistExperimentView.aspx where i registered the MemberlistExperiment.asax
----------------------------------------------------------
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="MemberListExperimentView.aspx.cs" Inherits="Views_MemberListExperimentView" %>
<%@ Register Src="~/Controls/MemberListExperiment.ascx" TagPrefix="uc1" TagName="MemberListExperiment" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" Runat="Server">
<h1 style="color:red">
Experiment Page
</h1>
<uc1:MemberListExperiment runat="server" ID="MemberListExperiment" />
</asp:Content>
---------------------------------------------------------------