Gridview弹出屏幕可显示更多详细信息

时间:2018-07-23 00:58:48

标签: c# sql asp.net sql-server

我有一个强实体表“常规”。

两个弱实体表指向“常规”; 硬件信息”和“软件信息”;每个弱实体表包含不同的列。

一个Gridview显示表“ General”。

问题:我该如何编码,以便当用户从“常规”网格视图中单击一行时,它将追溯到右侧的弱实体表并显示弱实体表中的信息? < / p>

我正在使用ASP.NET C#和SQL Server。

英语不是我的母语,并且我确实是编程方面的菜鸟。抱歉,如果我的问题不清楚,但迫切需要帮助。

1 个答案:

答案 0 :(得分:0)

希望这可以帮助您编码您的需求。

使用jQuery在使用c#的asp.net中单击按钮时在模式弹出窗口中显示或显示gridview行详细信息

<link href="http://code.jquery.com/ui/1.11.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
            <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
            <script type="text/javascript">
                function openPopup(productid, productname, price) {
                    $('#lblId').text(productid);
                    $('#lblName').text(productname);
                    $('#lblPrice').text(price);
                    $("#popupdiv").dialog({
                        title: "jQuery Show Gridview Row Details in Popup",
                        width: 300,
                        height: 250,
                        modal: true,
                        buttons: {
                            Close: function () {
                                $(this).dialog('close');
                            }
                        }
                    });
                }
            </script>
            <style type="text/css">
                .GridviewDiv {
                    font-size: 100%;
                    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helevetica, sans-serif;
                    color: #303933;
                }

                .headerstyle {
                    color: #FFFFFF;
                    border-right-color: #abb079;
                    border-bottom-color: #abb079;
                    background-color: #df5015;
                    padding: 0.5em 0.5em 0.5em 0.5em;
                    text-align: center;
                }
            </style>
            </head>
            <body>
                <form id="form2" runat="server">
                    <div>
                        <div id="popupdiv" title="Basic modal dialog" style="display: none">
                            Product Id:
                            <label id="lblId"></label>
                            <br />
                            Product Name:
                            <label id="lblName"></label>
                            <br />
                            Price:
                            <label id="lblPrice"></label>
                        </div>
                        <table align="center" style="margin-top: 200px">
                            <tr>
                                <td>
                                    <div class="GridviewDiv">
                                        <asp:GridView runat="server" ID="gvDetails" AutoGenerateColumns="false" Width="420px">
                                            <HeaderStyle CssClass="headerstyle" />
                                            <Columns>
                                                <asp:BoundField DataField="productid" HeaderText="Product Id" />
                                                <asp:BoundField DataField="productname" HeaderText="Product Name" />
                                                <asp:BoundField DataField="price" HeaderText="Price" />
                                                <asp:TemplateField>
                                                    <ItemTemplate>
                                                        <a href="#" class="gridViewToolTip" onclick='openPopup("<%# Eval("productid")%>","<%# Eval("productname")%>","<%# Eval("price")%>")'>test</a>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                            </Columns>
                                        </asp:GridView>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </form>
            </body>
</html>

      protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                BindGridview();
            }
        }
        protected void BindGridview()
        {
            DataSet ds = new DataSet();
            using (SqlConnection con = new SqlConnection("Data Source=Suresh;Integrated Security=true;Initial Catalog=MySampleDB"))
            {
                con.Open();
                SqlCommand cmd = new SqlCommand("select * from productinfo", con);
                SqlDataAdapter da = new SqlDataAdapter(cmd);
                da.Fill(ds);
                con.Close();
                gvDetails.DataSource = ds;
                gvDetails.DataBind();
            }
        }