Table of Contents
  • Getting Started
  • EO.Pdf
  • EO.Web
  • EO.WebBrowser
  • EO.Wpf
  • Common Topics
  • Reference
    • .NET API Reference
      • EO.Base
      • EO.Base.UI
      • EO.Extensions
      • EO.Pdf
      • EO.Pdf.Acm
      • EO.Pdf.Contents
      • EO.Pdf.Drawing
      • EO.Pdf.Mvc
      • EO.Web
        • EO.Web
        • Classes
          • AJAXPostedFile Class
          • AJAXPostedFileList Class
          • AJAXUploader Class
          • AJAXUploaderProgressDialog Class
          • ASPXToPDF Class
          • BaseMenuItem Class
          • BaseMenuItemGroup Class
          • BaseNavigator Class
          • BorderImages Class
          • ButtonColumn Class
          • Calendar Class
          • CalendarDay Class
          • Callback Class
          • CallbackEventArgs Class
          • CallbackPanel Class
          • CallbackTrigger Class
          • CallbackTriggerCollection Class
          • Captcha Class
          • CheckBoxColumn Class
          • ClientTemplate Class
          • ColorPicker Class
          • ComboBox Class
          • Consts Class
          • ContextMenu Class
          • Control Class
          • ControlFrame Class
          • CustomColumn Class
          • CustomItem Class
          • DataBinding Class
          • DataBindingCollection Class
          • DataBoundControl Class
          • DateCollection Class
          • DatePicker Class
          • DateTimeColumn Class
          • DayRenderEventArgs Class
          • DefaultClientTemplateAttribute Class
          • DeleteCommandColumn Class
          • DesignOptions Class
          • Dialog Class
          • Downloader Class
          • DownloadEventArgs Class
          • DynamicDownloadContent Class
          • EditableLabel Class
          • EditCommandColumn Class
          • Editor Class
          • EditorDialogContent Class
          • EditorDialogContentCollection Class
          • EditorDialogTemplate Class
          • EditorDialogTemplateCollection Class
          • EditorStyle Class
          • EditorStyleCollection Class
          • EditorTabButtonStyles Class
          • Effect Class
          • ElementPaddings Class
          • ElementStyle Class
          • Emoticon Class
          • FileExplorer Class
          • FileExplorerEventArgs Class
          • FileExplorerHolder Class
          • Floater Class
          • Flyout Class
          • FontInfo Class
          • Grid Class
          • GridCell Class
          • GridCellCollection Class
          • GridColumn Class
          • GridColumnCollection Class
          • GridColumnEventArgs Class
          • GridCommandEventArgs Class
          • GridItem Class
          • GridItemCollection Class
          • GridItemEventArgs Class
          • GridItemStyleSet Class
          • GridItemStyleSetCollection Class
          • ImageButtonInfo Class
          • ImageInfo Class
          • ImageZoom Class
          • InlineStyle Class
          • ListBox Class
          • ListBoxItem Class
          • ListBoxItemCollection Class
          • ListBoxItemContainer Class
          • ListItemEventArgs Class
          • LookItemCollection Class
          • MaskedEdit Class
          • MaskedEditColumn Class
          • MaskedEditSegment Class
          • MaskedEditSegmentCollection Class
          • MaskedEditValidator Class
          • Menu Class
          • MenuGroup Class
          • MenuItem Class
          • MenuItemCollection Class
          • MenuItemImages Class
          • MenuLookItemCollection Class
          • MsgBox Class
          • MsgBoxButton Class
          • MultiPage Class
          • MultiPageEventArgs Class
          • NavigationItem Class
          • NavigationItemCollection Class
          • NavigationItemEventArgs Class
          • NavigationItemGroup Class
          • NavigationItemImages Class
          • NavigationItemText Class
          • PageContextMenu Class
          • PageView Class
          • PageViewCollection Class
          • PathMapping Class
          • PathMappingCollection Class
          • PopupCalendar Class
          • ProgressBar Class
          • ProgressTaskEventArgs Class
          • RangeSlider Class
          • Rating Class
          • RowNumberColumn Class
          • Runtime Class
          • ScriptEvent Class
          • ScriptManager Class
          • Slide Class
          • SlideItem Class
          • SlideItemCollection Class
          • SlideItemEventArgs Class
          • SlideMenu Class
          • Slider Class
          • SliderBase Class
          • SliderLabel Class
          • SliderLabelCollection Class
          • SpecialLookIDs Class
          • SpellChecker Class
          • SpellCheckerDialog Class
          • SpellCheckerEventArgs Class
          • Splitter Class
          • SplitterPane Class
          • StaticColumn Class
          • TabItem Class
          • TabItemCollection Class
          • TabItemGroup Class
          • TabLookItemCollection Class
          • TabStrip Class
          • TemplatedPopup Class
          • TextBoxColumn Class
          • ToolBar Class
          • ToolBarEventArgs Class
          • ToolBarItem Class
          • ToolBarItemCollection Class
          • ToolTip Class
          • TreeLookNodeCollection Class
          • TreeNode Class
          • TreeNodeCheckStateChangedEventArgs Class
          • TreeNodeCollection Class
          • TreeNodeGroup Class
          • TreeNodeMovedEventArgs Class
          • TreeNodeRenameEventArgs Class
          • TreeView Class
          • TreeViewCheckBoxImages Class
          • TreeViewLineImages Class
          • TreeViewMargin Class
          • WebControl Class
          • WebControlBase Class
        • Structures
        • Enumerations
        • Delegates
      • EO.WebBrowser
      • EO.WebBrowser.DOM
      • EO.WebEngine
      • EO.WinForm
      • EO.Wpf
      • EO.Wpf.Gauge
      • EO.Wpf.Gauge.Shapes
      • EO.Wpf.Primitives
      • EO.Wpf.Themes.Aero
      • EO.Wpf.Themes.Classic
      • EO.Wpf.Themes.Luna
      • EO.Wpf.Themes.Metro
      • EO.Wpf.Themes.Royale
    • JavaScript API Reference
ClientTemplate Class

Represents a client side template.

Namespace: EO.Web
Assembly: EO.Web (in EO.Web.dll)

Inheritance Hierarchy

System.Object
   System.Web.UI.Control
      EO.Web.ClientTemplate

Syntax
 public class ClientTemplate : Control
Remarks

Client template defines a HTML snippet that contains zero or more "format items". Controls that support client template automatically evaluate these items on the client side when necessary. For example, The following code defines the FooterTemplate property of a Calendar control. It uses a built in variable today and also specifies its displaying format as MM/dd/yyyy. It also uses a built in image 00040106.

HTML
<FooterTemplate>
<div style="FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: Tahoma"">
        <img src="{img:00040106}"> Today: {var:today:MM/dd/yyyy}
</div>
</FooterTemplate>

Each format item is of the form "{type:name[:format]}", where:

type description
img To insert a built-in image. The "name" parameter should be the ID of the built-in image.
var

To insert a "variable". The "name" parameter should be the ID of the variable, the "format" parameter specifies a format string that will be used to format the variable.

The variable can be a built-in variable supported by the control itself, or a custom variable. A custom variable is evaluated by calling ClientSideOnEvalVar client side event handler.

The following section lists all supported built-in variables:

EO.Web.WebControl
Variable Remark
"this" The client side object that represents this control. For example, "{var:this}.setSelectedDate()".
"clientId" The client ID of the object.
EO.Web.Calendar inherits all variables that EO.Web.WebControl supports and also supports the following variables:
Variable Remark
"today" Today's date.
"selected_date" The current selected date.
"visible_date" The first day of the first visible month.
EO.Web.Grid inherits all variables that EO.Web.WebControl supports and also supports the following variables:

Variable Remark
"total_pages" Total number of pages.
"current_page" The current page index. Note the first page index is 1. This is different from client side getCurrentPage function, which returns 0 based index.
"record_count" The total record count.

EO.Web.ImageZoom inherits all variables that EO.Web.WebControl supports and also supports the following variables:

Variable Remark
"big_image" The big image (zoomed out image) specified by BigImageUrl.
"description" A description specified by Description property.
See Also