ASPX页面GridView订单搜索功能失效问题求助

问题核心原因 #

1. 前端控件未标记为服务器端控件：使用的是普通HTML <input>，未添加runat="server"，导致后台代码里的btnSearch和txtSearch无法关联到页面控件，服务器端btnSearch_Click事件完全不会触发。
2. 按钮事件绑定错误：普通HTML按钮的onclick属性用于调用客户端JS函数，而非服务器端事件，点击后不会执行后台搜索逻辑。
3. 存储过程调用未指定命令类型：清空搜索值切换回存储过程时，未设置SqlDataSource的SelectCommandType为StoredProcedure，系统会把存储过程名当成普通SQL语句执行，导致数据加载失败。
4. 参数类型不匹配（潜在问题）：订单号[ID narudžbe]通常为整数类型，直接传递字符串参数可能引发类型转换异常。

修复方案 #

1. 修改前端ASPX页面的搜索控件

将普通HTML input替换为ASP.NET服务器端控件，确保后台能识别：

<div class="search">
    <asp:TextBox ID="txtSearch" runat="server" placeholder="Pretraži po broju narudžbe"></asp:TextBox>
    <asp:Button ID="btnSearch" runat="server" Text="Pretraži" />
</div>

如需保留原样式，可给服务器控件添加CssClass属性，比如<asp:TextBox ... CssClass="your-input-class">

2. 修正后端VB代码

调整事件逻辑，补充存储过程命令类型，同时确保参数类型匹配：

Imports System.Data.SqlClient
Imports System.Data

Partial Class Narudzbe
    Inherits System.Web.UI.Page

    Protected Sub btnSearch_Click(sender As Object, e As EventArgs) Handles btnSearch.Click
        Dim searchValue As String = txtSearch.Text.Trim()

        If Not String.IsNullOrEmpty(searchValue) Then
            ' 执行按订单号查询的SQL语句
            SqlDataSource1.SelectCommand = "SELECT Narudžba.[ID narudžbe], Kupac.Ime, Narudžba.[Datum primitka], Narudžba.[Datum isporuke], Status.[Naziv statusa] FROM Narudžba INNER JOIN Kupac ON Narudžba.[ID kupac] = Kupac.[ID kupac] INNER JOIN Status ON Narudžba.[ID statusa] = Status.[ID statusa] WHERE [ID narudžbe] = @SearchValue"
            SqlDataSource1.SelectCommandType = SqlDataSourceCommandType.Text
            SqlDataSource1.SelectParameters.Clear()
            ' 假设ID narudžbe是整数类型，指定参数类型避免转换错误
            SqlDataSource1.SelectParameters.Add("SearchValue", DbType.Int32, searchValue)
        Else
            ' 切换回存储过程查询
            SqlDataSource1.SelectCommand = "PodaciZaTablicuNarudzbe"
            SqlDataSource1.SelectCommandType = SqlDataSourceCommandType.StoredProcedure
            SqlDataSource1.SelectParameters.Clear()
        End If

        GridView1.DataBind()
    End Sub
End Class

若[ID narudžbe]为字符串类型，将DbType.Int32改为DbType.String即可

3. 额外验证步骤

• 确认SqlDataSource1和GridView1的ID在页面与后台代码中完全一致
• 检查存储过程PodaciZaTablicuNarudzbe能否正常返回所有订单数据
• 测试时可在btnSearch_Click开头添加断点，验证事件是否被触发

内容的提问来源于stack exchange，提问作者meraki_1