从 jquery keypress 方法运行 Databind 方法

Question

我有一个简单的页面，其中转发器由 c# 数据绑定方法填充。该页面有一个搜索文本框，我想在您键入时进行搜索。这通过 databind 方法中的 rowfilter 起作用，通过 searchtextbox 中的内容进行过滤。

我在每个按键上触发 jquery，但希望它在每个按键上运行我的 c# 数据绑定方法。我该怎么做？

数据绑定方法

protected void DataBindVideosRepeaterList()
    {
        DataView dv = (DataView)IRPAdminHelpTopicVideoDB.GetAllVideos();
        dv.RowFilter = this.GetVideosFilter();

        this.RptVideos.DataSource = dv;
        this.RptVideos.DataBind();
    }

行过滤方法

protected string GetVideosFilter()
    {
        string filterCriteria = "";

        if (!string.IsNullOrEmpty(this.TxtVideoSearch.Text))
        {
            filterCriteria = " Tags LIKE '%" + this.TxtVideoSearch.Text + "%'";
        }

        return filterCriteria;
    }

jQuery

<script type="text/javascript">
$("#TxtVideoSearch").keypress(function () {

/** I WANT THE DataBindVideosRepeaterList() METHOD TO RUN HERE **/

});
</script>

Answer 1

最简单的方法是在页面上添加一个隐藏的虚拟按钮，该按钮会触发DataBindVideosRepeaterList()。

<span style="display: none">
    <asp:Button ID="DummyButton" runat="server" Text="Button" OnClick="Button1_Click" />
</span>

现在当按键被触发时，模拟一个按钮点击

<script type="text/javascript">
    $("#<%= TxtVideoSearch.ClientID %>").keypress(function () {

        $("#<%= DummyButton.ClientID %>").click();

    });
</script>

然后会发生一个 PostBack 并运行该方法

protected void Button1_Click(object sender, EventArgs e)
{
    DataBindVideosRepeaterList();
}

但是，我建议在 TextBox TxtVideoSearch 的 blur 或 focusout 事件或单独的按钮单击上触发过滤器。因为现在每次按键都会有一个 PostBack，并且网站对用户将无法正常运行。