Question

我有一个＆lt; DIV＆GT;与＆lt; asp：ListView＆gt; - 搜索结果。我想要隐藏这个div，并在ListView完整时显示它（或更好 - 当这部分代码完成时）

    lvSearchResult.DataSource = getSearchResult();
    lvSearchResult.DataBind();

我该怎么做？同时，当＆lt; DIV＆GT;列表视图将不可见，我想显示另一个信息“正在加载”的div。当ListView准备就绪时，＆lt; DIV＆GT;结果将显示，并且＆lt; DIV＆GT; “加载”将被隐藏。

Answer 1

声明你的div像：

<div id="searchResultDiv" runat="server" visible="false">...</div>

<div id="loadingDiv" runat="server">...</div>

runat="server"可以在你的asp.net代码中访问它们。

然后在您的代码中，您可以更改其属性，在此示例中更改Visibility：

lvSearchResult.DataSource = getSearchResult();
lvSearchResult.DataBind();
searchResultDiv.Visible = true;
loadingDiv.Visible = false;

Answer 2

如果您使用的是“更新”面板，则可以使用与以下类似的代码实现。这将在页面更新时显示模式面板。

您可以修改开始和结束请求方法，以隐藏/显示包含列表视图的div

请注意这是使用jQuery。

    <div id="workingDialog" style="display: none" title="Please wait">
        <p>
           Loading Data
        </p>   
     </div>

<div id="listViewDiv" style="display:none">
//List View
</div>

<script>

var _workingDialog;


    //Page Load event
    function pageLoad(sender, args) {
        //Register events
        Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequest);
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequest);

        _workingDialog = $('#workingDialog');
    }

    function beginRequest(sender, args) {
        $(_workingDialog).dialog({ modal: true });
        $('#listViewdiv').hide();
    }

    function endRequest(sender, args) {
        $(_workingDialog).dialog('close');
        $('#listViewdiv').show();
    }

</script>

http://wraithnath.blogspot.co.uk/2011/12/showing-modal-dialog-while-page-is.html

Answer 3

在div中使用runat="server"属性

然后根据任何条件，您可以显示或隐藏div

<div runat="server" id="myDiv">


var result = getSearchResult();    

    if(result!= null){
        myDiv.Visible = true;
        lvSearchResult.DataSource = result;
        lvSearchResult.DataBind();
       }

Answer 4

根据您的列表，您可以制作广告2 css类的方法，一个用于列表已满，另一个用于另一个案例。所以在一个CSS中你会有显示：无;在另一个显示中：inline-block;

Answer 5

据我了解你可以用css吗？并设置display：none并在满足条件时将显示更改为阻止/显示？

希望这会有所帮助：http://webdesign.about.com/od/dhtml/a/aa101507.htm

Answer 6

将div添加到div中，然后设置visible = false / true

Answer 7

在UpdatePanel中使用AJAX，不是吗？这将工作..

如何使用asp：ListView隐藏div

7 个答案: