显示弹出模态javascript函数在ItemCommand函数内部不起作用

Question

I have a repeater control which displays our Partners Names as link button, when clicking a Link button I need to show a bootstrap modal to display the clicked Partner Details , I fetch the partner Details from sql server and bind them to the Modal repeater in the ItemCommand function . My problem is that the modal didn't show Up :( there is no error appear in the consol .

please any one can help me ? why the Modal not Showing up is there any error in my javascript code?

       <%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Site.Master" CodeBehind="Partners.aspx.cs" Inherits="MyAPP.AR.Parteners" %>

    <asp:Content ID="DefaultContent" ContentPlaceHolderID="MainContent" runat="server">



     <script src="../Scripts/jquery-1.9.1.min.js"></script>
    <script src="../Scripts/jquery-1.9.1.js"></script>

    <script src="../Scripts/bootstrap.min.js"></script>
    <script src="../Scripts/bootstrap.js"></script>

    <link href="../Content/bootstrap.css" rel="stylesheet" />
    <link href="../Content/SiteStyle.css" rel="stylesheet" />
      <script type="text/javascript">
        function showModal() {
            $("#PModal").modal('show');
        }

        $(function () {
            $("#lnkdetail").click(function () {
                showModal();
            });
        });
    </script>


    <form  runat ="server" >


    <p><strong> Our Partners </strong></p>
    <div class="panel-group" id="Parteners_accordion">
     <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#Parteners_accordion" href="#collapse1">Local Partners </a>
        </h4>
      </div>
      <div id="collapse1" class="panel-collapse collapse in">
        <div class="panel-body">
         <asp:Repeater  runat ="server"  ID="LocalPartners_rptr"   OnItemCommand="Localrptr_ItemCommand" >             
         <ItemTemplate>
                       <div >
         <asp:LinkButton runat="server"   CommandName="Show"  
          CommandArgument='<%#Eval("Id") %>' ><%#Eval("Name") %> asp:LinkButton>          
           </div>
             <br />
        </ItemTemplate>

         </asp:Repeater>
        </div>
      </div>
    </div>


       <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Glopal Partners</a>
        </h4>
      </div>
      <div id="collapse2" class="panel-collapse collapse">
        <div class="panel-body"></div>
      </div>
    </div>
   </div> 
     </form>
    <div id="PModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
    <!-- Modal content-->
        <div class="modal-content">
        <asp:Repeater ID="LocalPartnerInfo_rptr" runat="server" >
        <ItemTemplate>

      <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal">&times;
            </button>  
                <h4 class="modal-title"><%#Eval("Name") %></h4>
                 </div>
                <div class="modal-body" style="color :#000000;">
                <div class="container-fluid">

                 <div class="row">
                  <div class="col-md-8"><%#Eval("Descreption")%></div>
                  <div class="col-md-4">Logo</div>
                  </div>
                <div class="row">
                <div class="col-md-4">Empty</div>
                <div class="col-md-4"><%#Eval("WebsiteLink")%></div>
                 <div class="col-md-4">Empty</div>
                 </div>

                </div>

              </div>
                  </ItemTemplate>
                     </asp:Repeater>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              </div>
            </div>

          </div>
        </div>
    </asp:Content>

C# Code

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;


   namespace MyAPP.AR
   {
    public partial class Parteners : System.Web.UI.Page
    {

    int partnerId = 0;

    protected void Page_Load(object sender, EventArgs e)
    {

        if (!IsPostBack)
        {

            BindLocalPartners_Repeater();

        }




    }


    private void BindLocalPartners_Repeater()
    {

        String ConnStr = ConfigurationManager.ConnectionStrings["PalDRM_DB"].ConnectionString;
        SqlConnection cnn = new SqlConnection(ConnStr);
        cnn.Open();
        SqlCommand cmd = new SqlCommand("SELECT  [Id],[Name],[Descreption],[LogoUrl],[WebsiteLink]  FROM  Partners where [Type]='local'  ", cnn);
        SqlDataReader dr = cmd.ExecuteReader();
        LocalPartners_rptr.DataSource = dr;
        LocalPartners_rptr.DataBind();
        cnn.Close();



    }






    protected void Localrptr_ItemCommand(object source, RepeaterCommandEventArgs e)
    {
        //HiddenField IdField = (HiddenField)e.Item.FindControl("LocalPartner_Id");

       // partnerId = Convert.ToInt32(IdField.Value);


        if (e.CommandName == "Show")
        {
            LinkButton btndetails = (LinkButton)e.CommandSource;

            int Id = Convert.ToInt32(btndetails.CommandArgument.ToString());

            String ConnStr = ConfigurationManager.ConnectionStrings["PalDRM_DB"].ConnectionString;
            SqlConnection cnn = new SqlConnection(ConnStr);
            cnn.Open();
            SqlCommand cmd = new SqlCommand("SELECT  [Name],[Descreption],[LogoUrl],[WebsiteLink]  FROM  Partners where [Id]=" + Id + "", cnn);
            SqlDataReader dr = cmd.ExecuteReader();
            LocalPartnerInfo_rptr.DataSource = dr;
            LocalPartnerInfo_rptr.DataBind();
            cnn.Close();
            //ClientScript.RegisterStartupScript(this.GetType(), "Pop", "showModal();", true);

            ScriptManager.RegisterStartupScript(this, this.GetType(), "Pop", "showModal();", true);

        }

    }





  }
}

Answer 1

I don't see "lnkdetail" in your page. I suppose it's a LinkButton. Anyway, you could use or instead in order to avoid postback. Move your javascript code at the bottom of the page after repeater control. And in repeater_Itemcommand remove this line ScriptManager.RegisterStartupScript(this, this.GetType(), "Pop", "showModal();", true);