//Page event, raised on page load
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//Code pre-populated here. no problems.
}
<
tr
runat
=
"server"
id
=
"Tr1"
>
<
td
style
=
"width: 120px;"
>Your PI/Approver
<
asp:CompareValidator
ID
=
"piCompareValidator"
runat
=
"server"
Text
=
"*"
ControlToValidate
=
"piRadComboBox1"
ValueToCompare
=
"Select One..."
Operator
=
"NotEqual"
ErrorMessage
=
"Please select your P.I. in the 'Order Preferences' section"
></
asp:CompareValidator
>
</
td
>
<
td
>
<
telerik:RadComboBox
ID
=
"piRadComboBox1"
Skin
=
"Gray"
Height
=
"300px"
Width
=
"202px"
DataTextField
=
"ListName"
DataValueField
=
"UserName"
AppendDataBoundItems
=
"true"
EnableTextSelection
=
"false"
runat
=
"server"
>
<
items
>
<
telerik:RadComboBoxItem
Text
=
"Select One..."
Value
=
"Select One..."
/>
</
items
>
</
telerik:RadComboBox
>
<
a
href
=
"#"
rel
=
"1"
title
=
"This order requires multiple approvers, add another."
class
=
"bdrLink jAdd"
>+ Add another PI/Approver</
a
> </
td
>
</
tr
>
<
tr
runat
=
"server"
id
=
"Tr2"
>
<
td
>Your Approver</
td
>
<
td
>
<
telerik:RadComboBox
ID
=
"piRadComboBox2"
Skin
=
"Gray"
Height
=
"300px"
Width
=
"202px"
DataTextField
=
"ListName"
DataValueField
=
"UserName"
AppendDataBoundItems
=
"true"
EnableTextSelection
=
"false"
runat
=
"server"
>
<
items
>
<
telerik:RadComboBoxItem
Text
=
"Select One..."
Value
=
"Select One..."
/>
</
items
>
</
telerik:RadComboBox
>
<
a
href
=
"#"
rel
=
"2"
class
=
"jRemove bdrLink"
>Remove</
a
> </
td
>
</
tr
>
<
tr
class
=
"alt"
>
<
td
style
=
"width: 120px;"
>Your Purchaser </
td
>
<
td
>
<
telerik:RadComboBox
ID
=
"purchaserRadComboBox"
Skin
=
"Gray"
Width
=
"202px"
DataTextField
=
"ListName"
DataValueField
=
"UserName"
AppendDataBoundItems
=
"true"
EnableTextSelection
=
"false"
runat
=
"server"
>
<
items
>
<
telerik:RadComboBoxItem
Text
=
"Select One..."
Value
=
"Select One..."
/>
</
items
>
</
telerik:RadComboBox
>
<
asp:CompareValidator
ID
=
"purchaserCompareValidator"
runat
=
"server"
Text
=
"*"
ControlToValidate
=
"purchaserRadComboBox"
ValueToCompare
=
"Select One..."
Operator
=
"NotEqual"
ErrorMessage
=
"Please select your purchaser in the 'Order Preferences' section"
></
asp:CompareValidator
>
</
td
>
</
tr
>
<
telerik:RadComboBox
ID
=
"RadComboBox3"
runat
=
"server"
Width
=
"500px"
Height
=
"150px"
Skin
=
"Hay"
OnClientSelectedIndexChanged
=
"catchSelected"
ChangeTextOnKeyBoardNavigation
=
"false"
Filter
=
"Contains"
EnableAutomaticLoadOnDemand
=
"true"
EmptyMessage
=
"Chose a product.."
ShowMoreResultsBox
=
"true"
ItemsPerRequest
=
"10"
ExpandAnimation-Type
=
"InQuad"
EnableVirtualScrolling
=
"true"
>
<
WebServiceSettings
Method
=
"GetProductNames"
Path
=
"Products.asmx"
/>
</
telerik:RadComboBox
>
function
catchSelected(sender, evntArgs)
{
var
cmb = $telerik.findComboBox(
'RadComboBox3'
);
var
chosen = cmb.get_selectedItem();
if
(chosen) {
alert(chosen.get_text());
}
}
code is below. it works fine for edit, but errors on insert when it tries to bind the date control. text control work fine.
<EditFormSettings InsertCaption="Add new Comment" CaptionFormatString="Edit Comment: {0}"
CaptionDataField="CultivarCommentsID" EditFormType="Template" ColumnNumber="2">
<FormTemplate>
<table id="Table1" cellspacing="1" cellpadding="1" border="0">
<tr>
<td>
Date:
</td>
<td>
<telerik:RadDatePicker Skin="Forest" ID="dtpCommentDate" runat="server" SelectedDate='<%# Bind( "Date" ) %>'></telerik:RadDatePicker>
</td>
</tr>
<tr>
<td>
User:
</td>
<td>
<telerik:RadTextBox Skin="Forest" ID="txtCommentUser" runat="server" Text='<%# Bind( "UserName") %>' Width="325" TabIndex="1">
</telerik:RadTextBox>
</td>
</tr>
<tr>
<td>
Comment:
</td>
<td>
<telerik:RadTextBox Skin="Forest" ID="txtComment" runat="server" Text='<%# Bind( "Comments") %>' Width="325" TabIndex="2" Rows="6" TextMode="MultiLine">
</telerik:RadTextBox>
</td>
</tr>
</table>
<table style="width: 100%">
<tr>
<td align="right" colspan="2">
<asp:Button ID="Button1" Text='<%# Iif (TypeOf Container is GridEditFormInsertItem, "Insert", "Update") %>'
runat="server" CommandName='<%# Iif (TypeOf Container is GridEditFormInsertItem, "PerformInsert", "Update") %>'>
</asp:Button>
<asp:Button ID="Button2" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel">
</asp:Button>
</td>
</tr>
</table>
</FormTemplate>
</EditFormSettings>
<telerik:RadGrid ID="grdFamily" runat="server" DataSourceID="ldsUserFamilyMembers" Skin="Vista" Width="500px"
AutoGenerateColumns="false" AllowAutomaticDeletes="true" AllowAutomaticInserts="true" AllowAutomaticUpdates="true"
GridLines="None" PageSize="5" OnItemDataBound="RadGrid1_ItemDataBound"
AllowPaging="True" >
<MasterTableView DataKeyNames="pk_user_family_member" TableLayout="Fixed" CommandItemDisplay="Top" DataSourceID="ldsUserFamilyMembers" Width="500px">
<Columns>
...
<telerik:GridDateTimeColumn DataField="birth_date" PickerType="DatePicker" DataFormatString="{0:MMM dd, yyyy}" HeaderText="Birth Day" >
</telerik:GridDateTimeColumn>
...
</Columns>
<EditFormSettings>
<EditColumn ButtonType="ImageButton" />
</EditFormSettings>
</MasterTableView>
</telerik:RadGrid>
protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
{
if (e.Item is GridDataItem && e.Item.IsInEditMode)
{
GridEditableItem item = (GridEditableItem)e.Item;
RadDatePicker datepicker = (RadDatePicker)item["DateTimeColumn"].Controls[0];
datepicker.SharedCalendar.FastNavigationStep = 12;
datepicker.SharedCalendar.FastNavigationNextToolTip = "Next Month";
datepicker.SharedCalendar.FastNavigationPrevToolTip = "Previous Month";
}
}
protected void RadGrid_EditCommand(object sender, GridCommandEventArgs e)
{
GridDataItem dataItem = e.Item as GridDataItem;
var column = RadGrid.MasterTableView.AutoGeneratedColumns.First(i => i.HeaderText == "Name");
dataItem[column].Enabled =
false;
}