or
<
telerik:RadComboBox
ID
=
"rcbProdColors"
Width
=
"60"
runat
=
"server"
MarkFirstMatch
=
"false"
AllowCustomText
=
"false" DataValueField="ID"
>
<
ItemTemplate
>
<
div
style
=
" height:15px;width:15px;border:solid black 1px;background-color: #<%# Eval("
Code")%>"></
div
>
</
ItemTemplate
>
</
telerik:RadComboBox
>
Dim
query = (From c
In
db.Colors
Select
c)
rcbProdColors.DataSource = query
rcbProdColors.DataBind()
<
telerik:RadComboBox
ID
=
"RadComboObjectPicker"
runat
=
"server"
Skin
=
"Office2010Blue"
Width
=
"150px"
Height
=
"300px"
AccessibilityMode
=
"True"
EnableTextSelection
=
"False"
AllowCustomText
=
"true"
DropDownWidth
=
"250px"
>
<
Items
>
<
telerik:RadComboBoxItem
runat
=
"server"
TabIndex
=
"1"
/>
</
Items
>
<
ItemTemplate
>
<
telerik:RadTreeView
ID
=
"RadTreeObjectPicker"
runat
=
"server"
Skin
=
"Office2010Blue"
OnNodeClick
=
"RadTreeObjectPicker_NodeClick"
TabIndex
=
"1"
>
</
telerik:RadTreeView
>
</
ItemTemplate
>
</
telerik:RadComboBox
>
protected
void
RadTreeObjectPicker_NodeClick(
object
sender, RadTreeNodeEventArgs e)
{
//if (!String.IsNullOrEmpty(e.Node.Value))
//{
// TakeSomeAction(e.Node.Value);
//}
RadComboObjectPicker.Text = e.Node.Text;
}
<
telerik:RadAjaxPanel
ID
=
"rapJob"
RequestQueueSize
=
"5"
runat
=
"server"
Width
=
"100%"
OnAjaxRequest
=
"rapJob_AjaxRequest"
EnableOutsideScripts
=
"True"
HorizontalAlign
=
"NotSet"
ScrollBars
=
"None"
LoadingPanelID
=
"alpJob"
>
<
telerik:RadComboBox
ID
=
"rcbJob"
EmptyMessage
=
"- please select job -"
runat
=
"server"
OnClientDropDownOpening
=
"OnClientDropDownOpening"
MarkFirstMatch
=
"True"
Width
=
"300px"
Skin
=
"Vista"
AutoPostBack
=
"True"
AutoCompleteSeparator
=
"true"
Filter
=
"Contains"
AllowCustomText
=
"true"
>
<
ItemTemplate
>
<
div
>
<
telerik:RadGrid
ID
=
"rgJob"
runat
=
"server"
Width
=
"95%"
Skin
=
"Vista"
AutoGenerateColumns
=
"False"
AllowSorting
=
"True"
AllowMultiRowSelection
=
"False"
OnNeedDataSource
=
"rgJob_NeedDataSource"
AllowPaging
=
"True"
GridLines
=
"Both"
ExpandAnimation-Type
=
"None"
CollapseAnimation-Type
=
"None"
>
<
PagerStyle
Mode
=
"NumericPages"
></
PagerStyle
>
<
MasterTableView
Width
=
"100%"
DataKeyNames
=
"ID,JobName"
Name
=
"rgJob"
CommandItemDisplay
=
"None"
NoMasterRecordsText
=
""
>
<
Columns
>
<
telerik:GridBoundColumn
SortExpression
=
"ID"
HeaderText
=
"ID"
HeaderButtonType
=
"TextButton"
DataField
=
"ID"
UniqueName
=
"ID"
ReadOnly
=
"true"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
SortExpression
=
"JobName"
HeaderText
=
"Job Name"
HeaderButtonType
=
"TextButton"
DataField
=
"JobName"
UniqueName
=
"JobName"
>
</
telerik:GridBoundColumn
>
</
Columns
>
</
MasterTableView
>
<
ClientSettings
EnableRowHoverStyle
=
"true"
>
<
Selecting
AllowRowSelect
=
"true"
/>
<
Scrolling
AllowScroll
=
"true"
UseStaticHeaders
=
"true"
/>
</
ClientSettings
>
</
telerik:RadGrid
>
</
div
>
</
ItemTemplate
>
<
Items
>
<
telerik:RadComboBoxItem
runat
=
"server"
Text
=
" "
></
telerik:RadComboBoxItem
>
</
Items
>
</
telerik:RadComboBox
>
</
telerik:RadAjaxPanel
>
$j(document).ready(
function
() {
var
combo = getElem(
"<%= myCombobox.ClientID %>"
);
var
item = combo.get_selectedItem();
var
val = item.get_value();
//code...
});