Почему ASP ListBox занимает так много времени для рендеринга в панели обновления AJAX? - PullRequest
Новая
       11

Почему ASP ListBox занимает так много времени для рендеринга в панели обновления AJAX?

0 голосов
/ 03 декабря 2009

У меня проблема при обновлении источника ASP ListBox в панели обновления AJAX. Когда я установил для источника ListBox большой набор данных, я бы предположил, что из-за количества элементов для рендеринга потребуется небольшое количество времени. Однако, когда источник данных переключается во время выполнения на меньший набор элементов, его очистка занимает столько же времени. Если вы переходите от небольшого набора предметов к небольшому набору предметов, это молниеносно. Может я что то не так делаю. Я использую шаблон элемента Visual Studio 2008 для AJAX 1.0-Enabled ASP.NET 2.0 Web Application. Я скачал это из Microsoft .

Вот мой код (полный почтовый индекс ниже):

Default.aspx 

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="TestingAJAXComboLoadTimes._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:ListBox ID="myListBox" runat="server" Rows="12" Width="100%" DataTextField="Display"
                DataValueField="Value" AutoPostBack="True" />
            <asp:Button ID="myButton" runat="server" Text="Change List" />
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
</html>

Default.aspx.vb 

Partial Public Class _Default
    Inherits System.Web.UI.Page

    Private _ListA As IList(Of MyModel) = New List(Of MyModel)
    Private _ListB As IList(Of MyModel) = New List(Of MyModel)

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        LoadData()
        If Not Page.IsPostBack Then
            myListBox.DataSource = _ListA
            myListBox.DataBind()
        End If
    End Sub

    Private Sub LoadData()
        For x As Integer = 0 To 5000
            _ListA.Add(New MyModel("testing A - " & x, x))
        Next
        For x As Integer = 0 To 50
            _ListB.Add(New MyModel("testing B - " & x, x))
        Next
    End Sub

    Private Sub SwitchDataSource()
        If IsALoaded Then
            myListBox.DataSource = _ListB
        Else
            myListBox.DataSource = _ListA
        End If
        IsALoaded = Not IsALoaded
        myListBox.DataBind()
    End Sub

    Private Sub myButton_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles myButton.Click
        SwitchDataSource()
    End Sub

    Public Property IsALoaded() As Boolean
        Get
            Return CBool(ViewState("IsALoaded"))
        End Get
        Set(ByVal value As Boolean)
            ViewState("IsALoaded") = value
        End Set
    End Property
End Class

MyModel Class (содержится в Default.aspx.vb) 

Public Class MyModel
    Private _Display As String
    Private _Value As Integer
    Public Sub New(ByVal display As String, ByVal value As Integer)
        _Display = display
        _Value = value
    End Sub
    Public ReadOnly Property Display() As String
        Get
            Return _Display
        End Get
    End Property
    Public ReadOnly Property Value() As Integer
        Get
            Return _Value
        End Get
    End Property
End Class

Я не изменял файл web.config, но вот для полноты: 

<?xml version="1.0"?>
<configuration>
    <configSections>
        <sectionGroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35">
            <sectionGroup name="scripting" type="System.Web.Configuration.ScriptingSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35">
                <section name="scriptResourceHandler" type="System.Web.Configuration.ScriptingScriptResourceHandlerSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication"/>
                <sectionGroup name="webServices" type="System.Web.Configuration.ScriptingWebServicesSectionGroup, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35">
                    <section name="jsonSerialization" type="System.Web.Configuration.ScriptingJsonSerializationSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="Everywhere"/>
                    <section name="profileService" type="System.Web.Configuration.ScriptingProfileServiceSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication"/>
                    <section name="authenticationService" type="System.Web.Configuration.ScriptingAuthenticationServiceSection, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" requirePermission="false" allowDefinition="MachineToApplication"/>
                </sectionGroup>
            </sectionGroup>
        </sectionGroup>
    </configSections>
    <system.web>
        <pages>
            <controls>
                <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
            </controls>
        </pages>
        <!--
          Set compilation debug="true" to insert debugging
          symbols into the compiled page. Because this
          affects performance, set this value to true only
          during development.
    -->
        <compilation debug="true">
            <assemblies>
                <add assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
            </assemblies>
        </compilation>
        <httpHandlers>
            <remove verb="*" path="*.asmx"/>
            <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
            <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
            <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
        </httpHandlers>
        <httpModules>
            <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
        </httpModules>
    </system.web>
    <system.web.extensions>
        <scripting>
            <webServices>
                <!-- Uncomment this line to customize maxJsonLength and add a custom converter -->
                <!--
      <jsonSerialization maxJsonLength="500">
        <converters>
          <add name="ConvertMe" type="Acme.SubAcme.ConvertMeTypeConverter"/>
        </converters>
      </jsonSerialization>
      -->
                <!-- Uncomment this line to enable the authentication service. Include requireSSL="true" if appropriate. -->
                <!--
        <authenticationService enabled="true" requireSSL = "true|false"/>
      -->
                <!-- Uncomment these lines to enable the profile service. To allow profile properties to be retrieved
           and modified in ASP.NET AJAX applications, you need to add each property name to the readAccessProperties and
           writeAccessProperties attributes. -->
                <!--
      <profileService enabled="true"
                      readAccessProperties="propertyname1,propertyname2"
                      writeAccessProperties="propertyname1,propertyname2" />
      -->
            </webServices>
            <!--
      <scriptResourceHandler enableCompression="true" enableCaching="true" />
      -->
        </scripting>
    </system.web.extensions>
    <system.webServer>
        <validation validateIntegratedModeConfiguration="false"/>
        <modules>
            <add name="ScriptModule" preCondition="integratedMode" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
        </modules>
        <handlers>
            <remove name="WebServiceHandlerFactory-Integrated"/>
            <add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
            <add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
            <add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
        </handlers>
    </system.webServer>
</configuration>

Вот мой проект Google Code и мой Исходный код . Можете ли вы сказать мне, почему это занимает так много времени, чтобы очистить элементы и установить новый список элементов?

Спасибо,

Scott

Ответы [ 2 ]

1 голос
/ 04 декабря 2009

Наиболее вероятный виновник - viewstate.

Когда viewstate включено, ASP.NET отправляет все данные ListBox клиенту (вместе с множеством настроек управления).

Действия UpdatePanel на стороне клиента затем отправляют все представление состояния обратно на сервер. Если ваш набор данных большой, это может значительно замедлить ход событий, поэтому, вероятно, переход от большого набора данных к небольшому набору данных занимает так много времени.

Вы можете ускорить это, отключив viewstate для своего списка, хотя это будет означать, что вам придется делать намного больше на странице вручную - например, вам придется перепривязывать список в каждом сообщении.

Статья ASP.NET упрощает управление состоянием в веб-приложениях предлагает превосходный обзор того, что происходит и что поставлено на карту (см., В частности, раздел «Экономно используйте Viewstate» на третьей странице).

1 голос
/ 04 декабря 2009

Вы понимаете, что UpdatePanel выполняет полную обратную передачу, не так ли? Лично я не использую это по этой причине. Вы можете делать легкие операции ajax для источников данных и элементов управления, используя jQuery и PageMethods.

Это хорошее прохождение ...

Редактировать: статья о проблемах с полной обратной передачей

When a PostBack occurs in an UpdatePanel the page’s entire ViewState is passed to the server, updated, and then the updates are passed back down to the ASP.NET page. So the size of your page’s ViewState has a HUGE effect on the performance of your UpdatePanel postbacks.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...