TreeListCheckBoxColumn . but we are not able to make it editable. is there a way that i can make them editable such a way that when i click on the check box it should checked and if it contains child elements in it ,those also be checkable accordily.
Please suggest me on this.
For your information we are using 2010.3.1215.40 version of teleriks controls
thanks / Srinivas
<telerik:RadGrid ID=
"rgrdUsers"
runat=
"server"
AllowAutomaticDeletes=
"True"
AllowPaging=
"True"
AllowSorting=
"True"
DataSourceID=
"sdsUsers"
GridLines=
"None"
HorizontalAlign=
"Center"
ShowStatusBar=
"True"
OnItemCommand=
"rgrdUsers_ItemCommand"
OnItemDataBound=
"rgrdUsers_ItemDataBound"
Width=
"938px"
AutoGenerateColumns=
"False"
OnNeedDataSource=
"rgrdUsers_NeedDataSource"
OnInsertCommand=
"rgrdUsers_InsertCommand"
OnUpdateCommand=
"rgrdUsers_UpdateCommand"
>
<PagerStyle Position=
"TopAndBottom"
/>
<MasterTableView CommandItemDisplay=
"Top"
DataKeyNames=
"PKUser"
DataSourceID=
"sdsUsers"
EditMode=
"EditForms"
Width=
"100%"
>
<Columns>
<telerik:GridEditCommandColumn ButtonType=
"ImageButton"
>
<ItemStyle HorizontalAlign=
"Center"
/>
</telerik:GridEditCommandColumn>
<telerik:GridBoundColumn DataField=
"PKUser"
HeaderText=
"User ID"
ReadOnly=
"True"
SortExpression=
"PKUser"
UniqueName=
"PKUser"
Visible=
"False"
>
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn DataField=
"usrName"
EditFormColumnIndex=
"0"
HeaderText=
"<%$ Resources:Localization, usrName %>"
SortExpression=
"usrName"
UniqueName=
"usrName"
>
<ItemTemplate>
<%#DataBinder.Eval(Container.DataItem,
"usrName"
)%>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID=
"txtUsrName"
runat=
"server"
Text=
'<%#Bind("usrName") %>'
/>
<asp:FilteredTextBoxExtender ID=
"ftxtUsrName"
runat=
"server"
FilterType=
"Custom, LowercaseLetters, UppercaseLetters"
TargetControlID=
"txtUsrName"
ValidChars=
" áéíóúñÁÉÍÓÚÑ"
/>
</EditItemTemplate>
<HeaderStyle Width=
"150px"
HorizontalAlign=
"Center"
/>
<ItemStyle Width=
"150px"
HorizontalAlign=
"Left"
/>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField=
"usrAccount"
EditFormColumnIndex=
"0"
HeaderText=
"<%$ Resources:Localization, usrAccount %>"
SortExpression=
"usrAccount"
UniqueName=
"usrAccount"
>
<ItemTemplate>
<%#DataBinder.Eval(Container.DataItem,
"usrAccount"
)%>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID=
"txtUsrAccount"
runat=
"server"
Text=
'<%#Bind("usrAccount") %>'
/>
<asp:FilteredTextBoxExtender ID=
"ftxtUsrAccount"
runat=
"server"
FilterType=
"Custom, LowercaseLetters, UppercaseLetters, Numbers"
TargetControlID=
"txtUsrAccount"
ValidChars=
"."
/>
</EditItemTemplate>
<HeaderStyle Width=
"120px"
HorizontalAlign=
"Center"
/>
<ItemStyle Width=
"120px"
/>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField=
"usrDateAdd"
EditFormColumnIndex=
"0"
HeaderText=
"<%$ Resources:Localization, usrDateAdd %>"
SortExpression=
"usrDateAdd"
UniqueName=
"usrDateAdd"
>
<ItemTemplate>
<%#DataBinder.Eval(Container.DataItem,
"usrDateAdd"
,
"{0:dd/MM/yyyy}"
)%>
</ItemTemplate>
<HeaderStyle Width=
"120px"
HorizontalAlign=
"Center"
/>
<ItemStyle Width=
"120px"
/>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField=
"usrObserv"
EditFormColumnIndex=
"0"
HeaderText=
"<%$ Resources:Localization, usrComments %>"
SortExpression=
"usrObserv"
UniqueName=
"usrObserv"
>
<ItemTemplate>
<%#DataBinder.Eval(Container.DataItem,
"usrObserv"
)%>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID=
"txtUsrObserv"
runat=
"server"
Text=
'<%#Bind("usrObserv") %>'
/>
</EditItemTemplate>
<HeaderStyle Width=
"120px"
HorizontalAlign=
"Center"
/>
<ItemStyle Width=
"120px"
/>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField=
"Privileges"
EditFormColumnIndex=
"1"
HeaderText=
"<%$ Resources:Localization, usrPrivileges%>"
UniqueName=
"Privileges"
>
<ItemTemplate>
<asp:Label ID=
"lblPrivileges"
runat=
"server"
/>
</ItemTemplate>
<EditItemTemplate>
<asp:CheckBoxList ID=
"chkPrivileges"
runat=
"server"
CellPadding=
"0"
CellSpacing=
"0"
DataSourceID=
"sdsPermits"
DataTextField=
"prmDescript"
DataValueField=
"PKPermit"
>
</asp:CheckBoxList>
</EditItemTemplate>
<HeaderStyle Width=
"150px"
HorizontalAlign=
"Center"
/>
<ItemStyle Width=
"150px"
HorizontalAlign=
"Left"
/>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField=
"Authorizer"
EditFormColumnIndex=
"2"
HeaderText=
"<%$ Resources:Localization, usrApprover%>"
UniqueName=
"Authorizer"
>
<ItemTemplate>
<asp:Label ID=
"lblAuthorizer"
runat=
"server"
/>
</ItemTemplate>
<EditItemTemplate>
<asp:CheckBoxList ID=
"chkAuthorizer"
runat=
"server"
CellPadding=
"0"
CellSpacing=
"0"
DataSourceID=
"sdsTypeAuth"
DataTextField=
"typeAuthDesc"
DataValueField=
"PKTypeAuth"
>
</asp:CheckBoxList>
</EditItemTemplate>
<HeaderStyle Width=
"150px"
HorizontalAlign=
"Center"
/>
<ItemStyle Width=
"150px"
HorizontalAlign=
"Left"
VerticalAlign=
"Top"
/>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField=
"usrSignature"
EditFormColumnIndex=
"0"
HeaderText=
"<%$ Resources:Localization, usrSign%>"
UniqueName=
"usrSignature"
>
<ItemTemplate>
<telerik:RadBinaryImage runat=
"server"
ID=
"rb"
DataValue=
'<%#Eval("usrSignature") is DBNull ? null : Eval("usrSignature")%>'
AutoAdjustImageControlSize=
"false"
Height=
"30px"
Width=
"100px"
AlternateText=
"<%$ Resources:Localization, NoSignature %>"
/>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadAsyncUpload ID=
"raupSignature"
runat=
"server"
AllowedFileExtensions=
"bmp,gif,jpg,jpeg,png"
OnClientFileUploaded=
"clientFileUploaded"
MaxFileInputsCount=
"1"
Width=
"120px"
/>
</EditItemTemplate>
<HeaderStyle Width=
"120px"
HorizontalAlign=
"Center"
/>
</telerik:GridTemplateColumn>
<telerik:GridButtonColumn ButtonType=
"ImageButton"
CommandName=
"Delete"
ConfirmText=
"<%$ Resources:Localization, usrDelete%>"
Text=
"Delete"
UniqueName=
"Delete"
>
<ItemStyle HorizontalAlign=
"Center"
/>
</telerik:GridButtonColumn>
</Columns>
<EditFormSettings CaptionDataField=
"usrName"
CaptionFormatString=
"<%$ Resources:Localization, usrEdit %>"
InsertCaption=
"<%$ Resources:Localization, usrInsert %>"
ColumnNumber=
"3"
>
<FormCaptionStyle CssClass=
"editFormHeader"
/>
<FormTableItemStyle Wrap=
"False"
/>
<FormMainTableStyle BackColor=
"#fafad2"
GridLines=
"None"
CellSpacing=
"2"
CellPadding=
"2"
Width=
"100%"
/>
<FormTableStyle CellSpacing=
"2"
CellPadding=
"2"
CssClass=
"editFormBody"
/>
<FormTableAlternatingItemStyle Wrap=
"False"
/>
<EditColumn ButtonType=
"ImageButton"
InsertText=
"<%$ Resources:Localization, lblInsert %>"
UpdateText=
"<%$ Resources:Localization, lblUpdate %>"
UniqueName=
"EditCommand"
CancelText=
"<%$ Resources:Localization, lblCancel %>"
>
<ItemStyle CssClass=
"handCursor"
/>
</EditColumn>
<FormTableButtonRowStyle HorizontalAlign=
"Right"
CssClass=
"editFormFooter"
/>
</EditFormSettings>
<EditItemStyle Width=
"33.3%"
/>
<PagerStyle Mode=
"NextPrevNumericAndAdvanced"
/>
</MasterTableView>
<ClientSettings>
<Selecting AllowRowSelect=
"True"
/>
<ClientEvents OnRowDblClick=
"RowDblClick"
/>
</ClientSettings>
</telerik:RadGrid>
<
telerik:RadTabStrip
runat
=
"server"
ID
=
"RadTabStrip1"
Orientation
=
"HorizontalTop"
SelectedIndex
=
"0"
MultiPageID
=
"RadMultiPage1"
>
<
Tabs
>
<
telerik:RadTab
Text
=
"Cal1"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Cal2"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Cal3"
>
</
telerik:RadTab
>
</
Tabs
>
</
telerik:RadTabStrip
>
<
telerik:RadMultiPage
runat
=
"server"
ID
=
"RadMultiPage1"
SelectedIndex
=
"0"
>
<
telerik:RadPageView
runat
=
"server"
ID
=
"RadPageView1"
>
<
telerik:RadScheduler
ID
=
"RadScheduler1"
runat
=
"server"
>
</
telerik:RadScheduler
>
</
telerik:RadMultiPage
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
Skin
=
"Default"
/>
<
telerik:RadAjaxManager
runat
=
"server"
ID
=
"AjaxManager1"
DefaultLoadingPanelID
=
"RadAjaxLoadingPanel1"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadScheduler1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadScheduler1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadScheduler2"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadScheduler2"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadScheduler2"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadScheduler2"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
As a new user of the Telerik controls I am still feeling my way around - I'm used to the Infragistcs control suite so I'm sure there is something simple I am missing. Here is the problem:
1) Master Page with standar header/footer, content panel
2) Child Content Page with RadGrid, RadToolBar
3) RadToolBar has an "Add" button which does an async postback - the handler calls a method which configures the Title and IconUrl of the RadWindow (since it functions for both "add" and "edit") and then adds script function call to open the RadWindow - works fine - the RadWindow opens as expected.
4) There are two asp:TextBox controls on the RadWindow and both have RequiredFieldValidators configured
5) There are two buttons - "Cancel" and "Save" - the cancel button functions fine and prompt's user to confirm cancellation and closes the RadWindow if true otherwise does not. "CausesValidation" is set to false on the Cancel button.
6) The Save button has "CausesValidation" set to true - but when I click the button the validation does not appear to work because the page post's back and I get an error because I'm trying to save a record with no values.
The question is, why are the RequiredFieldValidators not "firing" - I expect the error text to show and focus to be set to the control failing validation - am I missing a setting or something?? Here is the content page markup...also attached an image of what the page looks like when the RadWindow is opened in "add" context.
<%@ Page Title="" Language="C#" MasterPageFile="~/ToolMaster.Master" AutoEventWireup="true" CodeBehind="Roles.aspx.cs" Inherits="SAIC.ISR.CMO.WebUI.Roles" %>
<%@ MasterType VirtualPath="~/ToolMaster.Master" %>
<
asp:Content
ID
=
"RolesContent"
ContentPlaceHolderID
=
"MasterContentPlaceHolder"
runat
=
"server"
>
<
div
class
=
"pageContentOuter"
>
<
div
class
=
"pageContentInner"
>
<
br
/>
<
div
class
=
"group"
style
=
"width: 98%;"
>
<
div
class
=
"groupHeader"
>
<
span
class
=
"left"
>
<
span
class
=
"small-white-bold-label"
>Roles</
span
>
</
span
>
<
span
class
=
"right"
>
<
asp:Label
ID
=
"RecordCountLabel"
runat
=
"server"
CssClass
=
"small-white-bold-label"
>
</
asp:Label
>
</
span
>
</
div
>
<
div
class
=
"groupToolbar"
>
<
div
class
=
"groupToolbarContent"
>
<
telerik:RadToolBar
ID
=
"RolesRadToolbar"
runat
=
"server"
Width
=
"100%"
OnButtonClick
=
"RolesRadToolbar_ButtonClick"
>
<
Items
>
<
telerik:RadToolBarButton
AccessKey
=
"N"
Text
=
"New"
CausesValidation
=
"false"
PostBack
=
"true"
ToolTip
=
"Create New Role"
CommandName
=
"New"
ImageUrl
=
"Content/Images/add16.png"
ImagePosition
=
"Left"
></
telerik:RadToolBarButton
>
<
telerik:RadToolBarButton
AccessKey
=
"R"
Text
=
"Refresh"
CausesValidation
=
"false"
PostBack
=
"true"
ToolTip
=
"Refresh Roles List"
CommandName
=
"Refresh"
ImageUrl
=
"Content/Images/refresh16.png"
ImagePosition
=
"Left"
></
telerik:RadToolBarButton
>
</
Items
>
</
telerik:RadToolBar
>
</
div
>
</
div
>
<
div
class
=
"groupContent"
>
<
telerik:RadGrid
ID
=
"RolesRadGrid"
runat
=
"server"
AllowPaging
=
"true"
AllowSorting
=
"true"
AutoGenerateEditColumn
=
"false"
AutoGenerateDeleteColumn
=
"false"
PageSize
=
"15"
ShowStatusBar
=
"true"
OnItemDataBound
=
"RolesRadGrid_ItemDataBound"
OnDeleteCommand
=
"RolesRadGrid_DeleteCommand"
OnEditCommand
=
"RolesRadGrid_EditCommand"
OnPageIndexChanged
=
"RolesRadGrid_PageIndexChanged"
>
<
PagerStyle
Mode
=
"NextPrevAndNumeric"
Position
=
"Bottom"
/>
<
MasterTableView
AutoGenerateColumns
=
"false"
DataKeyNames
=
"RoleID"
>
<
Columns
>
<
telerik:GridBoundColumn
UniqueName
=
"RoleID"
DataField
=
"RoleID"
DataType
=
"System.Int32"
Visible
=
"false"
>
<
ItemStyle
HorizontalAlign
=
"Left"
/>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"FullName"
DataField
=
"FullName"
DataType
=
"System.String"
MaxLength
=
"100"
HeaderText
=
"Role Name"
>
<
ItemStyle
HorizontalAlign
=
"Left"
Width
=
"20%"
/>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"Description"
DataField
=
"Description"
DataType
=
"System.String"
MaxLength
=
"10"
HeaderText
=
"Role Description"
>
<
ItemStyle
HorizontalAlign
=
"Left"
Width
=
"80%"
/>
</
telerik:GridBoundColumn
>
<
telerik:GridButtonColumn
UniqueName
=
"EditColumn"
CommandName
=
"Edit"
ButtonType
=
"ImageButton"
ImageUrl
=
"Content/Images/editbutton.png"
>
<
ItemStyle
HorizontalAlign
=
"Center"
VerticalAlign
=
"Middle"
Width
=
"22px"
Height
=
"20px"
/>
</
telerik:GridButtonColumn
>
<
telerik:GridButtonColumn
UniqueName
=
"DeleteColumn"
CommandName
=
"Delete"
ConfirmDialogType
=
"RadWindow"
ConfirmTitle
=
"Delete Role"
ConfirmText
=
"Are you sure you want to delete this role?"
ButtonType
=
"ImageButton"
ImageUrl
=
"Content/Images/deleteButton.png"
>
<
ItemStyle
HorizontalAlign
=
"Center"
VerticalAlign
=
"Middle"
Width
=
"22px"
Height
=
"20px"
/>
</
telerik:GridButtonColumn
>
</
Columns
>
<
NoRecordsTemplate
>
<
div
class
=
"center"
>
<
br
/>
<
br
/>
<
span
class
=
"small-black-bold-label"
>No Roles Found</
span
>
<
br
/>
<
br
/>
</
div
>
</
NoRecordsTemplate
>
</
MasterTableView
>
</
telerik:RadGrid
>
</
div
>
</
div
>
</
div
>
</
div
>
<
telerik:RadWindowManager
ID
=
"RolesRadWindowManager"
runat
=
"server"
EnableEmbeddedScripts
=
"true"
EnableViewState
=
"true"
>
<
Windows
>
<
telerik:RadWindow
ID
=
"AddEditWindow"
runat
=
"server"
Height
=
"250px"
Width
=
"500px"
EnableEmbeddedScripts
=
"true"
Animation
=
"Fade"
Modal
=
"true"
Behaviors
=
"None"
KeepInScreenBounds
=
"true"
EnableViewState
=
"true"
>
<
ContentTemplate
>
<
div
class
=
"row"
>
<
span
class
=
"label"
style
=
"width: 30%;"
>
<
asp:RequiredFieldValidator
ID
=
"RoleNameValidator"
runat
=
"server"
ControlToValidate
=
"RoleNameTextBox"
CssClass
=
"small-red-bold-label"
Text
=
"*"
SetFocusOnError
=
"true"
>
</
asp:RequiredFieldValidator
>
<
span
class
=
"small-red-label"
>Role Name:</
span
>
</
span
>
<
span
class
=
"field"
style
=
"width: 65%;"
>
<
asp:TextBox
ID
=
"RoleNameTextBox"
runat
=
"server"
CausesValidation
=
"true"
CssClass
=
"textbox"
MaxLength
=
"50"
Width
=
"300px"
></
asp:TextBox
>
</
span
>
</
div
>
<
div
class
=
"row"
style
=
"height: 55px;"
>
<
span
class
=
"label"
style
=
"width: 30%;"
>
<
asp:RequiredFieldValidator
ID
=
"DescriptionValidator"
runat
=
"server"
ControlToValidate
=
"RoleDescriptionTextBox"
CssClass
=
"small-red-bold-label"
Text
=
"*"
SetFocusOnError
=
"true"
>
</
asp:RequiredFieldValidator
>
<
span
class
=
"small-red-label"
>Description:</
span
>
</
span
>
<
span
class
=
"field"
style
=
"width: 65%;"
>
<
asp:TextBox
ID
=
"RoleDescriptionTextBox"
runat
=
"server"
CausesValidation
=
"true"
CssClass
=
"textbox"
TextMode
=
"MultiLine"
Height
=
"50px"
Width
=
"300px"
></
asp:TextBox
>
</
span
>
</
div
>
<
div
class
=
"row"
><
span
class
=
"label"
></
span
><
span
class
=
"field"
></
span
></
div
>
<
div
class
=
"row"
>
<
span
class
=
"label"
style
=
"width: 48%;"
>
<
asp:Button
ID
=
"SaveButton"
CausesValidation
=
"true"
runat
=
"server"
Text
=
"Save"
Width
=
"100px"
OnClick
=
"SaveButton_Click"
/>
</
span
>
<
span
class
=
"field"
style
=
"width: 48%;"
>
<
asp:Button
ID
=
"CancelButton"
CausesValidation
=
"false"
runat
=
"server"
Text
=
"Cancel"
Width
=
"100px"
/>
</
span
>
</
div
>
</
ContentTemplate
>
</
telerik:RadWindow
>
</
Windows
>
</
telerik:RadWindowManager
>
<
asp:HiddenField
ID
=
"AddEditContextHidden"
runat
=
"server"
/>
<
div
class
=
"spacer"
> </
div
>
</
asp:Content
>