【问题标题】:asp.net gridview in javascript modal won't persist on changing indexjavascript模式中的asp.net gridview不会在更改索引时持续存在
【发布时间】:2013-11-19 19:45:10
【问题描述】:

我在 javascript 模式中有一个 asp.net gridview。如果 gridview 中有多个页面并且我单击下一页(比如说 2 页),则模式消失。我希望它在用户浏览列表时持续存在。任何帮助将不胜感激。

Javascript:

function ShowSelRecipModal(msgIndex, intGridNum) {
    document.getElementById('hidMsgSelected').value = msgIndex;
    document.getElementById('hidGridUsed').value = intGridNum;

    Popup.showModal('modalSelRecipPopup', null, null, {
        'screenColor': '#99ff99',
        'screenOpacity': .6
    });

    return false;
}

HTML:

<div class="popUpForm" id="modalSelRecipPopup" style="border: 3px solid black; background-color: #ffffff; padding: 25px; display: none;">
    <div class="popUpRow">
        <asp:GridView ID="grdSelMsgList" runat="server" Width="400px" AllowPaging="True" PageSize="6" OnPageIndexChanging="grdSelMsgList_PageIndexChanging">
            <AlternatingRowStyle BackColor="#CCFFCC" />
            <Columns>
                <asp:TemplateField>
                    <ItemTemplate>
                        <asp:CheckBox ID="chkSelect" runat="server" />
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
            <EditRowStyle BackColor="#FFCCCC" />
        </asp:GridView>
    </div>
    <div class="popUpRow">
        <asp:Label ID="Label3" runat="server" />
    </div>
    <asp:Button ID="btnSelRecip" runat="server" Text="OK" BackColor="White" ForeColor="Black" OnClick="btnSelRecip_Click" />
</div>

【问题讨论】:

    标签: c# javascript asp.net gridview


    【解决方案1】:

    这听起来像是您的模态对话框在回发后没有重新生成。使用 asp.net Gridview 控件,分页会导致回发,因此必须将任何动态生成的元素/控件重新添加到表单/页面中。有些人通过在容器中放置一个更新面板来解决这个问题,该容器正在加载或作为模式对话框。我还使用当前页面的 page_load 事件中的真/假变量/会话和模态表单背后的代码完成了持久化模态对话框。这取决于您使用什么感觉更舒服,或者需要使用什么。

    如果您使用“动态控件在回发时丢失”或“jQuery 模态在回发时消失”搜索此站点或 google,您肯定会找到大量带有代码示例的文章来帮助您解决此问题。

    【讨论】:

      猜你喜欢
      • 2019-08-13
      • 1970-01-01
      • 1970-01-01
      • 2017-02-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-04-13
      • 2014-05-27
      相关资源
      最近更新 更多