Table of Contents
- Getting Started
- EO.Pdf
- EO.Web
- Overview
- Installation & Deployement
- EO.Web ToolTip
- EO.Web Rating
- EO.Web Slider & RangeSlider
- EO.Web ListBox
- EO.Web ComboBox
- EO.Web Captcha
- EO.Web ASPX To PDF
- EO.Web Slide
- EO.Web Flyout
- EO.Web EditableLabel
- EO.Web ImageZoom
- EO.Web Floater
- EO.Web Downloader
- EO.Web ColorPicker
- EO.Web HTML Editor
- EO.Web File Explorer
- EO.Web SpellChecker
- EO.Web Grid
- EO.Web MaskedEdit
- EO.Web Splitter
- EO.Web Menu
- EO.Web Slide Menu
- EO.Web TabStrip
- EO.Web TreeView
- EO.Web TreeView
- Overview
- Using EO.Web TreeView
- TreeNode and TreeNodeGroup
- Look, Skin and Theme
- Style and Appearance
- Data Binding
- Handling Event
- EO.Web Calendar
- EO.Web Callback
- EO.Web MultiPage
- EO.Web Dialog
- EO.Web AJAXUploader
- EO.Web ProgressBar - Free!
- EO.Web ToolBar - Free!
- EO.WebBrowser
- EO.Wpf
- Common Topics
- Reference
Custom Item |
Apply to
Overview
EO.Web navigation controls support nesting ASP.NET web controls in an item by using CustomItem, which is a container that can host any ASP.NET controls, such as TextBox, and HTML. Here is a sample of a MenuItem with a CheckBox as content:
CustomItem displays in the center of the item, when specified, Text property is ignored.
Choose one of the following topics for more information about custom item:
- Regular Custom Item
- Embedded Custom Item - mainly used in data binding
Regular Custom Item
A regular CustomItem works as an independent ASP.NET control, which can be dragged onto a web form and associated with an item by the item's CustomItemID property. To create a regular CustomItem:
- Drag an EO.Web CustomItem control from toolbox and drop it on a page;
- Drag several ASP.NET Controls onto the CustomItem control.
- Create an EO.Web navigation control.
-
Set an navigation item's CustomItemID
property to the ID of the CustomItem:
You can not use a regular CustomItem to do data binding - use embedded CustomItem instead.
Embedded CustomItem
An "embedded" CustomItem is declared inside the navigation control's HTML tag. For example:
<eo:Menu Runat="server" id="menu1" Width="360px" ControlSkinID="MSDN"> <TopGroup> <Items> <eo:MenuItem ItemID="item1"> <CustomItem> <asp:Button Runat="server" Text="OK" ID="Button1" NAME="Button1"></asp:Button> </CustomItem> </eo:MenuItem> </Items> </TopGroup> </eo:Menu>
Refer to Bind to CustomItem's properties for more details on how to bind data to CustomItem's properties.