如何在我的情况下实现Lazy Load?

时间:2012-07-12 13:40:23

标签: asp.net asp.net-ajax lazy-loading ajaxcontroltoolkit

我有一个sysadmin选项卡,点击后会生成很多动态和数据库驱动的ajax tabpanel ......

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<br />
<ajaxToolkit:TabContainer ID="TabContainer1" runat="server" Width="100%" ActiveTabIndex="0"
    CssClass="ajax__tab_header">
    <ajaxToolkit:TabPanel ID="TPAdjCal" Width="100%" runat="server">
        <HeaderTemplate>
            <img runat="server" id="imgAdjCalendarleft" visible="false" alt="" src="../images/Tabs/GreenLeftBottom.gif" /><asp:Button
                ID="imgAdjCalendar" BorderStyle="none" Text="" CssClass="MainTabs"
                runat="server"></asp:Button><img alt="" src="../images/Tabs/GreenRightBottom.gif"
                    runat="server" id="imgAdjCalendarright" visible="false" />
        </HeaderTemplate>
        <ContentTemplate>
            <table class="HeaderCaption" id="Table1" cellspacing="0" cellpadding="3" width="100%"
                border="0" runat="server">
                <tr class="PagerRow">
                    <td>
                        <asp:Label ID="HeaderLabel1" runat="server" Text="Label"></asp:Label>
                        <asp:Label ID="FunctionCode1" runat="server" Text="" Visible="false"></asp:Label>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </ajaxToolkit:TabPanel>
    <ajaxToolkit:TabPanel ID="TabContainer2" Width="100%" runat="server">
        <HeaderTemplate>
            <img runat="server" id="imgPoliceReportsleft" visible="false" alt="" src="../images/Tabs/GreenLeftBottom.gif" /><asp:Button
                ID="imgPoliceReports" BorderStyle="none" Text="" CssClass="MainTabs"
                runat="server"></asp:Button><img alt="" src="../images/Tabs/GreenRightBottom.gif"
                    runat="server" id="imgPoliceReportsright" visible="false" />
        </HeaderTemplate>
        <ContentTemplate>
            <table class="HeaderCaption" id="Table2" cellspacing="0" cellpadding="3" width="100%"
                border="0" runat="server">
                <tr class="PagerRow">
                    <td>
                        <asp:Label ID="HeaderLabel2" runat="server" Text="Label"></asp:Label>
                        <asp:Label ID="FunctionCode2" runat="server" Text="" Visible="false"></asp:Label>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </ajaxToolkit:TabPanel>
 </ajaxToolkit:TabContainer>

代码背后:当单击sysadmin选项卡时,我调用一个loadmanager方法来加载选项卡..下面的示例

      protected void LoadManagerTabs(bool runFirstLoad)
        {
       if (Session["UserSystemTabs"] == null)
          {
     postMessage("You do not have access to any system functions", Constants.ERROR_MSG,false);
        return;
    }

    string[,] functions = Session["UserSystemTabs"] as string[,];

    functions.GetLength(0);
    if (functions.GetLength(0) > 0)
    {
        string funccode = functions[0, 0];
        if (funccode.Length > 0)
        {
            if (isHaveAccess(funccode))
            {
                string pagename = DBUtils.getFuncUrlByCode(funccode);
                try
                {
                    eClaim.Controls.Tables.DataTables contr = null;
                    contr = (eClaim.Controls.Tables.DataTables)LoadControl("~/" + pagename + ".ascx");
                    contr.Key = "";
                    contr.runPageLoad = runFirstLoad;

                    contr.FuncCode = funccode;
                    TPAdjCal.Controls.Add(contr);
                    TPAdjCal.Visible = true;
                    imgAdjCalendar.Text = functions[0, 1];
                    HeaderLabel1.Text = functions[0, 1];
                    FunctionCode1.Text = functions[0, 0];
                    //imgAdjCalendar.Visible = true;
                }
                catch
                {
                    DataTablesV2 contr = null;
                    contr = (DataTablesV2)LoadControl("~/" + pagename + ".ascx");
                    contr.Key = "";
                    //contr.runPageLoad = runFirstLoad;

                    if (ShouldRunPageLoad(funccode) && TabContainer1.ActiveTabIndex.Equals(0))
                    {
                        contr.runPageLoad = true;
                    }
                    else
                    {
                        contr.runPageLoad = false;
                    }

                    contr.FuncCode = funccode;
                    TPAdjCal.Controls.Add(contr);
                    TPAdjCal.Visible = true;
                    imgAdjCalendar.Text = functions[0, 1];
                    HeaderLabel1.Text = functions[0, 1];
                    FunctionCode1.Text = functions[0, 0];
                    //imgAdjCalendar.Visible = true;
                }

                if (TabContainer1.ActiveTabIndex.Equals(0))
                {
                    imgAdjCalendar.CssClass = "MainTabsSelected";
                    imgAdjCalendarleft.Src = "../images/Tabs/LightGreenLeftBottom.gif";
                    imgAdjCalendarright.Src = "../images/Tabs/LightGreenRightBottom.gif";
                }
                else
                {
                    imgAdjCalendar.CssClass = "MainTabs";
                    imgAdjCalendarleft.Src = "../images/Tabs/GreenLeftBottom.gif";
                    imgAdjCalendarright.Src = "../images/Tabs/GreenRightBottom.gif";
                }
            }
            else
            {
                TPAdjCal.Visible = true;
                imgAdjCalendar.Visible = false;
                imgAdjCalendarleft.Visible = false;
                imgAdjCalendarright.Visible = false;
            }
        }
    }
    else
    {
        TPAdjCal.Visible = true;
        imgAdjCalendar.Visible = false;
        imgAdjCalendarleft.Visible = false;
        imgAdjCalendarright.Visible = false;
        imgTabScrollright.Visible = false;
        btnTabScroll.Visible = false;
        imgTabScrollleft.Visible = false;
    }

    if (functions.GetLength(0) > 1)
    {
        string funccode = functions[1, 0];
        if (funccode.Length > 0)
        {
            if (isHaveAccess(funccode))
            {
                string pagename = DBUtils.getFuncUrlByCode(funccode);
                try
                {
                    eClaim.Controls.Tables.DataTables contr = null;
                    contr = (eClaim.Controls.Tables.DataTables)LoadControl("~/" + pagename + ".ascx");
                    contr.Key = "";
                    contr.runPageLoad = runFirstLoad;
                    contr.FuncCode = funccode;
                    TabContainer2.Controls.Add(contr);
                    TabContainer2.Visible = true;
                    imgPoliceReports.Text = functions[1, 1];
                    HeaderLabel2.Text = functions[1, 1];
                    FunctionCode2.Text = functions[1, 0];
                    //imgPoliceReports.Visible = true;
                }
                catch
                {
                    DataTablesV2 contr = null;
                    contr = (DataTablesV2)LoadControl("~/" + pagename + ".ascx");
                    contr.Key = "";
                    contr.runPageLoad = runFirstLoad;
                    contr.FuncCode = funccode;
                    TabContainer2.Controls.Add(contr);
                    TabContainer2.Visible = true;
                    imgPoliceReports.Text = functions[1, 1];
                    HeaderLabel2.Text = functions[1, 1];
                    FunctionCode2.Text = functions[1, 0];
                    //imgPoliceReports.Visible = true;
                }

                if (TabContainer1.ActiveTabIndex.Equals(1))
                {
                    imgPoliceReports.CssClass = "MainTabsSelected";
                    imgPoliceReportsleft.Src = "../images/Tabs/LightGreenLeftBottom.gif";
                    imgPoliceReportsright.Src = "../images/Tabs/LightGreenRightBottom.gif";
                }
                else
                {
                    imgPoliceReports.CssClass = "MainTabs";
                    imgPoliceReportsleft.Src = "../images/Tabs/GreenLeftBottom.gif";
                    imgPoliceReportsright.Src = "../images/Tabs/GreenRightBottom.gif";
                }
            }
            else
            {
                TabContainer2.Visible = true;
                imgPoliceReports.Visible = false;
                imgPoliceReportsleft.Visible = false;
                imgPoliceReportsright.Visible = false;
            }
        }
    }
    else
    {
        TabContainer2.Visible = true;
        imgPoliceReports.Visible = false;
        imgPoliceReportsleft.Visible = false;
        imgPoliceReportsright.Visible = false;
        imgTabScrollright.Visible = false;
        btnTabScroll.Visible = false;
         imgTabScrollleft.Visible = false;
    }

我正在尝试实现延迟加载,因此当单击sysadmin选项卡时,只会加载第一个选项卡数据而不是所有选项卡。我一直在寻找,但我没有找到任何可以帮助我解决我的情况...任何帮助将不胜感激

1 个答案:

答案 0 :(得分:0)

问题是你想要的不适用于webforms。至少不喜欢这样。您可能想尝试使用多视图控件。并且,可能会动态地向多视图添加视图,但是它们都需要创建,每次请求视图才能在webforms中正常运行。

我还会尝试将UI详细信息封装到webusercontrols(ascx)中并动态加载用户控件。这样,您可以在设计时保留大部分布局,而不是运行时。