Question

我有一个ASP.NET Web应用程序。在Page_Load上创建包含项目的网格视图。我还有一个<asp:Textbox>和一个搜索按钮。我正在使用PageMethods来摆脱回发。我们的想法是，当点击按钮时，它将调用javascript函数，然后它将调用WebMethod。 WebMethod根据搜索到的条件返回项目列表。

如何获取这些项目并使用它们填充GridView？

换句话说，它类似于部分更新 - 按钮点击它应该只更新GridView。

以下是WebMethod的代码：

[WebMethod]
    public static List<Item> SearchResults(string text)
    {
        ItemFunctions item_functions = new ItemFunctions();
        List<Item> items = new List<Item>();
        items = item_functions.searchResults(text);
        return items;
    }

这是GridView，按钮和文本框：

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" />
<asp:TextBox ID="search_textbox" runat="server" />
        <input type="button" id="Button1" value="Search" onclick="SearchResults();" />
        <div id="searchResults_GridView" >
            <asp:GridView ID="GridView1" AllowPaging="true" GridLines="Both" runat="server" AllowSorting="True"
            AutoGenerateColumns="False"
            Width="740px"
            CausesValidation="False">
            <Columns>
                <asp:BoundField DataField="item_name" HeaderText="item_name" />
                <asp:BoundField DataField="item_description" HeaderText="item_description" />
                <asp:BoundField DataField="item_quantity" HeaderText="item_quantity" />
                <asp:BoundField DataField="category_name" HeaderText="category_name" />
                <asp:BoundField DataField="type_name" HeaderText="type_name" />
                <asp:BoundField DataField="item_available" HeaderText="item_available" />
                <asp:BoundField DataField="item_serial_number" HeaderText="item_serial_number" />
                <asp:BoundField DataField="item_permission_status" HeaderText="item_permission_status" />
                <asp:BoundField DataField="item_location" HeaderText="item_location" />
                <asp:CommandField ShowSelectButton="true" SelectText="View" />
            </Columns>
        </asp:GridView>
        </div>

这是在按钮点击时调用的SearchResults函数：

<script>
    function SearchResults() {
        PageMethods.SearchResults(OnSucceeded, OnFailed);
    }

    function OnSucceeded(result, userContext, methodName) {
    }

    function OnFailed(error, userContext, methodName) {
        alert("An error occured :(");
    }
</script>

我的javascript技能非常糟糕，我还在学习，否则理论上我认为其余的代码应该可行。

Answer 1

您可以在javascript中执行此操作，但此时需要您转储GridView的html（因为在GridView渲染后它只是HTML）并重新创建一个简单的HTML表。虽然这可能是首选解决方案，但您将丢失完整回发的所有数据，并且需要重新运行javascript。

您可以考虑使用UpdatePanel来实现此功能。有关使用UpdatePanels的帮助，请参阅以下链接：

http://msdn.microsoft.com/en-us/library/bb386454(v=vs.100).aspx

How do I use updatePanel in asp.net without refreshing all page?

用于将项目列表提取到GridView中的JavaScript代码

1 个答案: