Skip to content

Latest commit

 

History

History
41 lines (32 loc) · 1.24 KB

readme.md

File metadata and controls

41 lines (32 loc) · 1.24 KB
Raw

LoadablePanel

Renders a HTML <div> element containing Content that should be loaded in Load PostBack. The Load PostBack is triggered immediately after the page is loaded. The Content of the control is hidden until the PostBack finishes.

This control may be useful when you want to load different parts of page asynchronously.

Sample 1: Basic Usage

@service service = Sample.Namespace.Service

<dc:LoadablePanel Load="{staticCommand: DataToBeLoaded = service.LoadData()}">
  <ContentTemplate>
    <dot:Literal Text="{value: DataToBeLoaded}"/>
  </ContentTemplate>
</dc:LoadablePanel>

Sample 2: Progress Template

@service service = Sample.Namespace.Service

<dc:LoadablePanel Load="{staticCommand: DataToBeLoaded = service.LoadData()}" HideUntilLoaded="false">
  <ContentTemplate>
    <dot:Literal Text="{value: DataToBeLoaded == null ? "..." : DataToBeLoaded}"/>
  </ContentTemplate>
  <ProgressTemplate>
    <div class="update-progress">
        <div class="background"></div>
        <div class="spinner">
            <div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div>
        </div>
    </div>
  </ProgressTemplate>
</dc:LoadablePanel>