如何在asp:button的onmouseover事件中将数据从数据库加载到Datalist控件

时间:2015-07-22 10:36:37

标签: javascript c# asp.net

我正在开发Asp Web应用程序我有div,如图所示div将在onmouseover上打开。

enter image description here

我想在按钮的onmouseover事件上加载数据。我无法找到任何代码从鼠标上的数据库加载数据有没有办法解决它?

我尝试了这段代码,但它显示了“<%#Container.DataItem(”CustomerName“)%>” “非可调用成员'System.Web.UI.WebControls.RepeaterItem.DataItem'不能像方法一样使用。”

<head runat="server">
<title></title>
<script>
    $('#Button1').on('mouseover',
       function{
           SqlConnection  dbconn= New SqlConnection("Provider=System.Data.SqlClient;Data Source=localhost;Initial Catalog=ElectricalStrings_beta;Trusted_Connection = True;")
           dbconn.Open()
           sql="SELECT * FROM Feedback";
           SqlCommand dbcomm = New SqlCommand(sql,dbconn)
           SqlDataReader dbread=dbcomm.ExecuteReader()
           customers.DataSource=dbread
           customers.DataBind()
           dbread.Close()
           dbconn.Close()
           });
</script>
</head>
<body>
<form id="form1" runat="server">
    <asp:Button ID="Button1" runat="server" Text="Button" />
<div id ="menu">
    <asp:Repeater ID="customers" runat="server">
        <HeaderTemplate>
            <table border="1" width="100%">
                <tr>
                    <th>Companyname</th>
                    <th>Contactname</th>
                    <th>Address</th>
                    <th>City</th>
                </tr>
        </HeaderTemplate>

        <ItemTemplate>
            <tr>
                <td><%#Container.DataItem("CustomerName")%></td>
                <td><%#Container.DataItem("CustomerMobileNo")%></td>
                <td><%#Container.DataItem("Feedback")%></td>
                <td><%#Container.DataItem("Status")%></td>
            </tr>
        </ItemTemplate>

        <FooterTemplate>
            </table>
        </FooterTemplate>
    </asp:Repeater>
   </div>
   </form>
   </body>

1 个答案:

答案 0 :(得分:0)

首先,您需要在html中包含jQuery库。她之后你可以用javascript编写:

<script>
$('<class on which you want the mouseover to occur>').on('mouseenter',
function{<here you can load a request to the data base>});
</script>

我对ASP不是很熟悉但是找到了一些关于如何使用它来访问数据库的文档here