有没有办法用javascript清除listview?

时间:2014-06-24 00:50:13

标签: javascript asp.net listview clear

<asp:ListView ID="lvZipcodeFinder"></asp:ListView>

我在模态弹出窗口中使用了listview。所以,如果modalpopup关闭并打开,则必须清除listview .... 所以有没有办法用javascript清除listview?它必须用javascript清除....请帮助我..

1 个答案:

答案 0 :(得分:0)

是的,你可以这样做:(在服务器端从DOM中删除实际项目

只需在.aspx页面中添加隐藏按钮:

<asp:Button ID="btnClearListView" runat="server" 
              Text="Button" style="display:none;" 
              OnClick="btnHidden_Click" ClientIDMode="Static" />

并且在你的javascript中调用close modal时,你也只使用这个代码。

document.getElementById('btnClearListView').click();

并在你的代码后面的那个按钮中你会有这样的东西:

  protected void btnClearListView_Click(object sender, EventArgs e)
    {
        ListView1.Items.Clear();
    }

您也可以在打开模式弹出窗口时也这样做。

(在客户端使用jQuery)

这是另一种方法,但这只会消失控件而不是从列表视图中删除实际项目。您应该知道,如果您需要删除服务器控件,则必须使用服务器端编码。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $("#Submit1").click(function () {
            $("#lvZipcodeFinder_itemPlaceholderContainer").remove();
        });
    });
</script>

<input id="Submit1" type="button" value="Close Popup" />

确保ListView ID与上面的javascript代码匹配,之后您需要_itemPlaceholderContainer