I am useing telerik version 2014.3.1209.40. I use radcombox with checkbox features.
<
telerik:RadComboBox
ID
=
"MultiCheckComboLocation"
runat
=
"server"
CheckBoxes
=
"true"
Width
=
"80%"
ZIndex
=
"1000000"
OnSelectedIndexChanged
=
"MultiCheckComboLocation_SelectedIndexChanged"
ShowMoreResultsBox
=
"true"
AutoPostBack
=
"true"
OnClientBlur
=
"IsCheckAllSelected"
EnableVirtualScrolling
=
"true"
CheckedItemsTexts
=
"DisplayAllInInput"
EnableCheckAllItemsCheckBox
=
"true"
EnableEmbeddedSkins
=
"False"
EnableEmbeddedScripts
=
"False"
>
</
telerik:RadComboBox
>
But when I tick the checkbox, the checked item did not appear in combo text field. Also when I click checkall checkbox, nothing happened. It is working fine Google Chrome. But not working on both ie 11 and firefox 34.0.5.
And combox not show data when I use itemsrequested event to bind data.
<
telerik:RadComboBox
ID
=
"cboEmployee2"
EmptyMessage
=
"Select Employee ID or Name"
Width
=
"250px"
CheckBoxes
=
"true"
Skin
=
"Default"
EnableLoadOnDemand
=
"True"
ShowMoreResultsBox
=
"false"
ForeColor
=
"Black"
EnableVirtualScrolling
=
"true"
Font-Size
=
"12px"
OnClientItemChecked
=
"OnClientItemCheckedEmp2"
OnClientDropDownClosed
=
"OnClientSelectedIndexChangedEmp2"
AutoPostBack
=
"false"
runat
=
"server"
OnItemsRequested
=
"cboEmp2_ItemsRequested"
EnableCheckAllItemsCheckBox
=
"true"
OnClientLoad
=
"OnClientLoad2"
ZIndex
=
"1000000"
OnClientBlur
=
"IsCheckAllSelected2"
ShowToggleImage
=
"false"
EnableEmbeddedSkins
=
"False"
EnableEmbeddedScripts
=
"False"
>
</
telerik:RadComboBox
>
It fired itemsrequested event and I got data and it binds to the control. But after everything finished, the combox only show the word measuring item. I attached the picture for it.
Kindly help me on this issues. Thanks in advance.
Best regards,
Ei Wai
11 Answers, 1 is accepted
There are some limitations on using the RadComboBox CheckBox support with load on demand functionality. Some more information about those limitations you can find in the RadComboBox CheckBox Support help article.
Regards,
Ivan Danchev
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
Noted that it don't support On demand functionality. So,I've tried to bind data on pageload. I don't even use OnClientItemChecked event which is not firing on IE11 and firefox.
<
telerik:RadComboBox
ID
=
"cboReason"
EmptyMessage
=
"Reason Code or Name"
Height
=
"200px"
Width
=
"300px"
CheckBoxes
=
"true"
runat
=
"server"
EnableCheckAllItemsCheckBox
=
"true"
ShowToggleImage
=
"true"
ZIndex
=
"1000000"
EnableOverlay
=
"False"
EnableEmbeddedSkins
=
"False"
EnableEmbeddedScripts
=
"False"
>
</
telerik:RadComboBox
>
But it sill not working as expected. After I checked the items and click Button to save it , I cannot get correct CheckItems(). in the button click event. My button and radcombobox will be inside the Radwindow which open after double clicking on the RadGrid.
<
telerik:RadWindow
runat
=
"server"
ID
=
"RadWindow_ContentTemplate"
Behaviors
=
"Default"
KeepInScreenBounds
=
"true"
Modal
=
"true"
Width
=
"620px"
Height
=
"360px"
EnableShadow
=
"true"
RegisterWithScriptManager
=
"false"
OnClientClose
=
"OnClientclose"
EnableEmbeddedSkins
=
"False"
EnableEmbeddedScripts
=
"False"
>
<
ContentTemplate
>
<
asp:Panel
ID
=
"pnlAllowance"
runat
=
"server"
>
<
table
>
<
tr
>
<
td
>
<
telerik:RadButton
ID
=
"btnSave"
runat
=
"server"
Text
=
" Save"
Font-Size
=
"X-Small"
Skin
=
"Sitefinity"
Width
=
"70px"
OnClick
=
"btnSave_Click"
ValidationGroup
=
"SubmitDetails"
EnableEmbeddedSkins
=
"False"
EnableEmbeddedScripts
=
"False"
>
<
Icon
PrimaryIconUrl
=
"Images/red-disk-icon.png"
PrimaryIconTop
=
"3px"
PrimaryIconLeft
=
"5px"
/>
</
telerik:RadButton
>
</
td
>
<
td
>
<
asp:Label
ID
=
"lblMessage"
runat
=
"server"
Text
=
""
Font-Bold
=
"true"
ForeColor
=
"Red"
></
asp:Label
>
</
td
>
</
tr
>
</
table
>
<
hr
/>
<
table
>
<
tr
>
<
td
style
=
"padding-left: 5px"
>
<
asp:Label
ID
=
"lblAllowanceCd"
runat
=
"server"
Text
=
"Allowance Code"
Width
=
"100px"
></
asp:Label
>
</
td
>
<
td
style
=
"padding-left: 5px"
>
<
asp:TextBox
ID
=
"txtAllowanceCd"
runat
=
"server"
></
asp:TextBox
>
<
asp:RequiredFieldValidator
ID
=
"RequiredFieldValidator1"
runat
=
"server"
ErrorMessage
=
"*"
ForeColor
=
"Red"
ControlToValidate
=
"txtAllowanceCd"
ValidationGroup
=
"SubmitDetails"
></
asp:RequiredFieldValidator
>
</
td
>
<
td
style
=
"padding-left: 5px"
>
<
asp:Label
ID
=
"lblAllowanceAmt"
runat
=
"server"
Text
=
"Amount"
Width
=
"100px"
></
asp:Label
>
</
td
>
<
td
style
=
"padding-left: 5px"
>
<
asp:TextBox
ID
=
"txtAllowanceAmt"
runat
=
"server"
></
asp:TextBox
>
<
asp:RequiredFieldValidator
ID
=
"RequiredFieldValidator2"
runat
=
"server"
ErrorMessage
=
"*"
ForeColor
=
"Red"
ControlToValidate
=
"txtAllowanceAmt"
ValidationGroup
=
"SubmitDetails"
></
asp:RequiredFieldValidator
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:Label
ID
=
"lblAllowanceName"
runat
=
"server"
Text
=
"Allowance Name"
Width
=
"100px"
></
asp:Label
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:TextBox
ID
=
"txtAllowanceName"
runat
=
"server"
></
asp:TextBox
>
<
asp:RequiredFieldValidator
ID
=
"RequiredFieldValidator3"
runat
=
"server"
ErrorMessage
=
"*"
ForeColor
=
"Red"
ControlToValidate
=
"txtAllowanceName"
ValidationGroup
=
"SubmitDetails"
></
asp:RequiredFieldValidator
>
</
td
>
<
td
>
<
asp:CustomValidator
ID
=
"CustomValidator1"
OnServerValidate
=
"formatValidation"
ControlToValidate
=
""
Display
=
"None"
Text
=
""
ForeColor
=
"Red"
ValidationGroup
=
"SubmitDetails"
runat
=
"server"
/>
</
td
>
</
tr
>
</
table
>
<
table
>
<
tr
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkByTime"
runat
=
"server"
Text
=
"By Time In"
Width
=
"100px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:Label
ID
=
"lblFr"
runat
=
"server"
Text
=
"Between"
></
asp:Label
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:TextBox
ID
=
"txtFr"
runat
=
"server"
Width
=
"40px"
></
asp:TextBox
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:Label
ID
=
"lblTo"
runat
=
"server"
Text
=
"To"
></
asp:Label
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:TextBox
ID
=
"txtTo"
runat
=
"server"
Width
=
"40px"
></
asp:TextBox
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkByNRM"
runat
=
"server"
Text
=
"By Work Hours"
Width
=
"100px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
telerik:RadComboBox
ID
=
"cboByNRMCond"
runat
=
"server"
ZIndex
=
"1000000"
EnableEmbeddedSkins
=
"False"
EnableEmbeddedScripts
=
"False"
Width
=
"50px"
>
<
Items
>
<
telerik:RadComboBoxItem
Value
=
"Greater than or equal to"
Text=">=" />
<
telerik:RadComboBoxItem
Value
=
"Less than or equal to"
Text
=
"<="
/>
</
Items
>
</
telerik:RadComboBox
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:TextBox
ID
=
"txtNRM"
runat
=
"server"
Width
=
"40px"
></
asp:TextBox
>
<
asp:Label
ID
=
"lblNRMHrs"
runat
=
"server"
Text
=
"Hrs"
></
asp:Label
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkByNRMOT"
runat
=
"server"
Text
=
"AND"
Width
=
"60px"
OnCheckedChanged
=
"Check_NRMOTClicked"
AutoPostBack
=
"True"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkByOT"
runat
=
"server"
Text
=
"By OT"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
telerik:RadComboBox
ID
=
"cboByOTCond"
runat
=
"server"
ZIndex
=
"1000000"
EnableEmbeddedSkins
=
"False"
EnableEmbeddedScripts
=
"False"
Width
=
"50px"
>
<
Items
>
<
telerik:RadComboBoxItem
Value
=
"Greater than or equal to"
Text=">=" />
<
telerik:RadComboBoxItem
Value
=
"Less than or equal to"
Text
=
"<="
/>
</
Items
>
</
telerik:RadComboBox
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:TextBox
ID
=
"txtOT"
runat
=
"server"
Width
=
"40px"
></
asp:TextBox
>
<
asp:Label
ID
=
"lblOTHrs"
runat
=
"server"
Text
=
"Hrs"
></
asp:Label
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkByActWkHr"
runat
=
"server"
Text
=
"By Act Hours"
Width
=
"100px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
telerik:RadComboBox
ID
=
"cboByActWkHrCond"
runat
=
"server"
ZIndex
=
"1000000"
EnableEmbeddedSkins
=
"False"
EnableEmbeddedScripts
=
"False"
Width
=
"50px"
>
<
Items
>
<
telerik:RadComboBoxItem
Value
=
"Greater than or equal to"
Text=">=" />
<
telerik:RadComboBoxItem
Value
=
"Less than or equal to"
Text
=
"<="
/>
</
Items
>
</
telerik:RadComboBox
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:TextBox
ID
=
"txtActHr"
runat
=
"server"
Width
=
"40px"
></
asp:TextBox
>
<
asp:Label
ID
=
"lblActHrHrs"
runat
=
"server"
Text
=
"Hrs"
></
asp:Label
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkByReason"
runat
=
"server"
Text
=
"By Reason"
Width
=
"100px"
/>
</
td
>
<%--<
td
colspan
=
"3"
style
=
"padding-left: 5px;padding-top:10px; "
>
<
asp:TextBox
ID
=
"txtReason"
runat
=
"server"
Width
=
"200px"
TextMode
=
"MultiLine"
Height
=
"200px"
></
asp:TextBox
>
</
td
>--%>
<
td
colspan
=
"5"
style
=
"padding-left: 5px; padding-top: 10px;"
>
<%--<
telerik:RadComboBox
ID
=
"cboReason"
EmptyMessage
=
"Reason Code or Name"
Height
=
"200px"
Width
=
"300px"
CheckBoxes
=
"true"
OnClientItemChecked
=
"OnClientItemCheckedReason"
AutoPostBack
=
"false"
runat
=
"server"
EnableCheckAllItemsCheckBox
=
"true"
OnClientBlur
=
"IsCheckAllSelectedReason"
ShowToggleImage
=
"true"
ZIndex
=
"1000000"
EnableOverlay
=
"False"
EnableEmbeddedSkins
=
"False"
EnableEmbeddedScripts
=
"False"
>
</
telerik:RadComboBox
>--%>
<
telerik:RadComboBox
ID
=
"cboReason"
EmptyMessage
=
"Reason Code or Name"
Height
=
"200px"
Width
=
"300px"
CheckBoxes
=
"true"
runat
=
"server"
EnableCheckAllItemsCheckBox
=
"true"
ShowToggleImage
=
"true"
ZIndex
=
"1000000"
EnableOverlay
=
"False"
EnableEmbeddedSkins
=
"False"
EnableEmbeddedScripts
=
"False"
>
</
telerik:RadComboBox
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkNoPayReason"
runat
=
"server"
Text
=
"No Pay"
/>
</
td
>
<
td
>
<
telerik:RadTextBox
ID
=
"radtxtReason"
runat
=
"server"
TextMode
=
"MultiLine"
Height
=
"200px"
LabelWidth
=
"64px"
Width
=
"205px"
EnableEmbeddedSkins
=
"False"
EnableEmbeddedScripts
=
"False"
Display
=
"false"
>
</
telerik:RadTextBox
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkByDay"
runat
=
"server"
Text
=
"By Day"
Width
=
"100px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkMon"
runat
=
"server"
Text
=
"Mon"
Width
=
"60px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkTue"
runat
=
"server"
Text
=
"Tue"
Width
=
"60px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkWed"
runat
=
"server"
Text
=
"Wed"
Width
=
"60px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkThurs"
runat
=
"server"
Text
=
"Thu"
Width
=
"60px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkFri"
runat
=
"server"
Text
=
"Fri"
Width
=
"60px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkSat"
runat
=
"server"
Text
=
"Sat"
Width
=
"60px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkSun"
runat
=
"server"
Text
=
"Sun"
Width
=
"60px"
/>
</
td
>
</
tr
>
</
table
>
</
asp:Panel
>
</
ContentTemplate
>
</
telerik:RadWindow
>
I also have AjaxManager.
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
OnAjaxRequest
=
"RadAjaxManager1_AjaxRequest"
EnableEmbeddedScripts
=
"False"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"rgAllowance"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnSearch"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnSave"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnNew"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"lblMessage"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"btnSave"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadWindow_ContentTemplate"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnEdit"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnDelete"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"lblMainMessage"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadAjaxManager1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"lblMessage"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"btnSave"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadWindow_ContentTemplate"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
Can you help me with this issues as well? Thank you so much.
Best regards,
Ei Wai
I found out that if I use EnableEmbeddedSkins="False" , add the script files as static *.js files and register these script file with RadScriptManager caused the issues. RadCombobox with checkbox no longer worked on IE and Firefox. If I remove registered script from radscriptmanager, it is working fine again. Is there any way to solve the problem?
Thank you.
Best regards,
Ei Wai
I am afraid I am not able to run your project and trace what the problem might be. Could you please provide RadScriptManager declaration including the scripts section.
Regards,
Ivan Danchev
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
Please see below for script declaration. I also tried to remove EnableScrpitCombine properties since I saw there can be js error if I use it with manual script reference. But no luck. It is still the same.
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
EnableScriptCombine
=
"True"
>
<
Scripts
>
<
asp:ScriptReference
Path
=
"Scripts/json2.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Core.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/jQuery.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/jQueryPlugins.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Navigation/OverlayScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Navigation/NavigationScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Animation/AnimationScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/ComboBox/RadComboBoxScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/ComboBox/Views/ClassicView.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/ComboBox/Views/NativeView.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/ComboBox/Views/LiteView.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/TouchScrollExtender.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/RadMenuScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/MenuItem/RadMenuItem.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/MenuItem/MobileMenuItem.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/Views/ClassicView.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/Views/LiteView.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Upload/RadProgressManager.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Upload/RadUpload.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/AsyncUpload/RadAsyncUploadScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Popup/PopupScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Upload/RadProgressArea.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Grid/RadGridScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Grid/GridCellSelection.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/FormDecorator/RadFormDecorator.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Ajax/Ajax.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Widgets/Draggable.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Widgets/Resizable.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Window/RadWindowScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Window/RadWindowManager.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Button/RadButtonScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Input/TextBox/RadInputScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/ToolTip/RadToolTipScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/ToolTip/Scripts/RadToolTipManager.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Scrolling/ScrollingScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/TabStrip/RadTabStripScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/TabStrip/MultiPage/RadMultiPageScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Input/NumericTextBox/RadNumericInputScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Input/DateInput/RadDateInputScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadCalendarCommonScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadCalendarScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadDatePicker.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadDateTimePickerScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadTimeViewScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadPickersPopupDirectionEnumeration.js"
/>
</
Scripts
>
</
telerik:RadScriptManager
>
Thank you.
Best regards,
Ei Wai
Please, try registering the following scripts:
<
asp:ScriptReference
Path
=
"~/Scripts/Common/Core.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/jQuery.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/jQueryPlugins.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/jQueryInclude.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/jQueryExternal.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/jQueryPlugins.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/PopUp/PopUpScripts.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/AnimationFramework/AnimationFramework.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/Animation/AnimationScripts.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/Navigation/NavigationScripts.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/Navigation/OverlayScript.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Button/RadButtonScripts.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/ComboBox/RadComboBoxScripts.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/ComboBox/Views/ClassicView.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/TouchScrollExtender.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/RadMenuScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/MenuItem/RadMenuItem.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/MenuItem/MobileMenuItem.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/Views/ClassicView.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/Views/LiteView.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Upload/RadProgressManager.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Upload/RadUpload.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/AsyncUpload/RadAsyncUploadScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Popup/PopupScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Upload/RadProgressArea.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Grid/RadGridScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/FormDecorator/RadFormDecorator.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Ajax/Ajax.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Widgets/Draggable.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Widgets/Resizable.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Window/RadWindowScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Window/RadWindowManager.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Button/RadButtonScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Input/TextBox/RadInputScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/ToolTip/RadToolTipScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/ToolTip/Scripts/RadToolTipManager.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Scrolling/ScrollingScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/TabStrip/RadTabStripScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/TabStrip/MultiPage/RadMultiPageScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Input/NumericTextBox/RadNumericInputScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Input/DateInput/RadDateInputScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadCalendarCommonScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadCalendarScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadDatePicker.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadDateTimePickerScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadTimeViewScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadPickersPopupDirectionEnumeration.js"
/>
We tested your scenario with the posted scripts and it worked as expected.
Regards,
Ivan Danchev
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
Thank you for your reply. I tried using your script but no luck. It is still the same. I don't know what I miss. How can I attach the sample project that I tried?
Best regards,
Ei Wai
Since you cannot attach a project to a forum post, can you please try to open a support ticket and attach the project to it.
To avoid exceeding the maximum allowed size you can delete the Telerik.dll files.
You can find more info on how to isolate a project in this blog post.
Regards,
Ivan Danchev
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
Sorry I don't have any more support ticket left. I just paste my code here. I hope someone can help me with this.
Html
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
<
link
href
=
"MySkin/Menu.MySkin.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Grid.MySkin.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Flick/Grid.MySkin.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Flick/ComboBox.Metro.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Window.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Default/Window.Default.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Splitter.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Default/Splitter.Default.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Menu.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Default/Input.Default.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Input.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Default/Calendar.Default.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Default/Grid.Default.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Default/TabStrip.Default.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Calendar.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Default/ComboBox.Default.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Metro/ComboBox.Metro.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/ComboBox.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Default/Button.Default.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Button.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Grid.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Ajax.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Default/Ajax.Default.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/FormDecorator.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Default/FormDecorator.Default.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/FormDecorator.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Default/FormDecorator.Default.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Sitefinity/Button.Sitefinity.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/Sitefinity/AsyncUpload.Sitefinity.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
<
link
href
=
"MySkin/AsyncUpload.css"
rel
=
"Stylesheet"
type
=
"text/css"
/>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
div
>
<
table
>
<
tr
>
<
td
>
<
table
class
=
"menuvisible"
>
<
tr
>
<
td
>
<%--<
asp:ScriptManager
ID
=
"ScriptManager1"
runat
=
"server"
>
</
asp:ScriptManager
>--%>
<%--<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
EnableScriptCombine
=
"True"
>
</
telerik:RadScriptManager
>--%>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
<
Scripts
>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/Core.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/jQuery.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/jQueryPlugins.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/jQueryInclude.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/jQueryExternal.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/jQueryPlugins.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/PopUp/PopUpScripts.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/AnimationFramework/AnimationFramework.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/Animation/AnimationScripts.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/Navigation/NavigationScripts.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/Navigation/OverlayScript.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Button/RadButtonScripts.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/ComboBox/RadComboBoxScripts.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/ComboBox/Views/ClassicView.js"
/>
<
asp:ScriptReference
Path
=
"~/Scripts/Common/TouchScrollExtender.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/RadMenuScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/MenuItem/RadMenuItem.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/MenuItem/MobileMenuItem.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/Views/ClassicView.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Menu/Views/LiteView.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Upload/RadProgressManager.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Upload/RadUpload.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/AsyncUpload/RadAsyncUploadScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Popup/PopupScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Upload/RadProgressArea.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Grid/RadGridScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/FormDecorator/RadFormDecorator.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Ajax/Ajax.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Widgets/Draggable.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Widgets/Resizable.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Window/RadWindowScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Window/RadWindowManager.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Button/RadButtonScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Input/TextBox/RadInputScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/ToolTip/RadToolTipScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/ToolTip/Scripts/RadToolTipManager.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Common/Scrolling/ScrollingScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/TabStrip/RadTabStripScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/TabStrip/MultiPage/RadMultiPageScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Input/NumericTextBox/RadNumericInputScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Input/DateInput/RadDateInputScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadCalendarCommonScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadCalendarScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadDatePicker.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadDateTimePickerScript.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadTimeViewScripts.js"
/>
<
asp:ScriptReference
Path
=
"Scripts/Calendar/RadPickersPopupDirectionEnumeration.js"
/>
</
Scripts
>
</
telerik:RadScriptManager
>
<
telerik:RadWindowManager
ID
=
"RadWindowManager1"
runat
=
"server"
EnableShadow
=
"true"
>
</
telerik:RadWindowManager
>
<
asp:Panel
ID
=
"Panel1"
runat
=
"server"
Width
=
"100%"
>
<
table
width
=
"100%"
>
<
tr
>
<
td
style
=
"width: 20px"
>
<
telerik:RadButton
ID
=
"btnNew"
AutoPostBack
=
"false"
runat
=
"server"
Text
=
"New"
Width
=
"50px"
OnClientClicked
=
"btnNew_Click"
>
</
telerik:RadButton
>
</
td
>
<
td
style
=
"width: 20px"
>
<
telerik:RadButton
ID
=
"btnEdit"
runat
=
"server"
Text
=
"Edit"
Width
=
"50px"
OnClientClicked
=
"btnEdit_Click"
AutoPostBack
=
"false"
>
</
telerik:RadButton
>
</
td
>
<
td
style
=
"width: 500px; text-align: left;"
>
<
asp:Label
ID
=
"lblMainMessage"
Style
=
"font-weight: bold; color: #FA5858;"
runat
=
"server"
Text
=
""
></
asp:Label
>
</
td
>
<
td
>
<%-- --%>
</
td
>
</
tr
>
</
table
>
</
asp:Panel
>
</
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
<
tr
>
<
td
>
<
asp:HiddenField
ID
=
"hid_f"
runat
=
"server"
Value
=
"0"
/>
<
asp:HiddenField
ID
=
"hid_gf"
runat
=
"server"
Value
=
"0"
/>
<
asp:HiddenField
ID
=
"hid_ReadOnly"
runat
=
"server"
Value
=
"0"
/>
<
asp:HiddenField
ID
=
"hid_Create"
runat
=
"server"
Value
=
"0"
/>
<
asp:HiddenField
ID
=
"hid_Edit"
runat
=
"server"
Value
=
"0"
/>
<
asp:HiddenField
ID
=
"hid_Delete"
runat
=
"server"
Value
=
"0"
/>
<
asp:HiddenField
ID
=
"hid_None"
runat
=
"server"
Value
=
"0"
/>
<
asp:HiddenField
ID
=
"hid_NotActivate"
runat
=
"server"
Value
=
"0"
/>
</
td
>
</
tr
>
<
tr
>
<
td
>
<
table
style
=
"table-layout: fixed; width: 100%;"
>
<
tr
>
<
td
>
<%--"RadWindow Related Code"--%>
<
telerik:RadWindow
runat
=
"server"
ID
=
"RadWindow_ContentTemplate"
Behaviors
=
"Default"
KeepInScreenBounds
=
"true"
Modal
=
"true"
Width
=
"620px"
Height
=
"360px"
EnableShadow
=
"true"
OnClientClose
=
"OnClientclose"
>
<
ContentTemplate
>
<
asp:Panel
ID
=
"pnlAllowance"
runat
=
"server"
>
<
table
>
<
tr
>
<
td
>
<
telerik:RadButton
ID
=
"btnSave"
runat
=
"server"
Text
=
" Save"
Font-Size
=
"X-Small"
Width
=
"70px"
OnClick
=
"btnSave_Click"
ValidationGroup
=
"SubmitDetails"
>
</
telerik:RadButton
>
</
td
>
<
td
>
<
asp:Label
ID
=
"lblMessage"
runat
=
"server"
Text
=
""
Font-Bold
=
"true"
ForeColor
=
"Red"
></
asp:Label
>
</
td
>
</
tr
>
</
table
>
<
hr
/>
<
table
>
<
tr
>
<
td
style
=
"padding-left: 5px"
>
<
asp:Label
ID
=
"lblAllowanceCd"
runat
=
"server"
Text
=
"Allowance Code"
Width
=
"100px"
></
asp:Label
>
</
td
>
<
td
style
=
"padding-left: 5px"
>
<
asp:TextBox
ID
=
"txtAllowanceCd"
runat
=
"server"
></
asp:TextBox
>
<
asp:RequiredFieldValidator
ID
=
"RequiredFieldValidator1"
runat
=
"server"
ErrorMessage
=
"*"
ForeColor
=
"Red"
ControlToValidate
=
"txtAllowanceCd"
ValidationGroup
=
"SubmitDetails"
></
asp:RequiredFieldValidator
>
</
td
>
<
td
style
=
"padding-left: 5px"
>
<
asp:Label
ID
=
"lblAllowanceAmt"
runat
=
"server"
Text
=
"Amount"
Width
=
"100px"
></
asp:Label
>
</
td
>
<
td
style
=
"padding-left: 5px"
>
<
asp:TextBox
ID
=
"txtAllowanceAmt"
runat
=
"server"
></
asp:TextBox
>
<
asp:RequiredFieldValidator
ID
=
"RequiredFieldValidator2"
runat
=
"server"
ErrorMessage
=
"*"
ForeColor
=
"Red"
ControlToValidate
=
"txtAllowanceAmt"
ValidationGroup
=
"SubmitDetails"
></
asp:RequiredFieldValidator
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:Label
ID
=
"lblAllowanceName"
runat
=
"server"
Text
=
"Allowance Name"
Width
=
"100px"
></
asp:Label
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:TextBox
ID
=
"txtAllowanceName"
runat
=
"server"
></
asp:TextBox
>
<
asp:RequiredFieldValidator
ID
=
"RequiredFieldValidator3"
runat
=
"server"
ErrorMessage
=
"*"
ForeColor
=
"Red"
ControlToValidate
=
"txtAllowanceName"
ValidationGroup
=
"SubmitDetails"
></
asp:RequiredFieldValidator
>
</
td
>
<
td
>
<
asp:CustomValidator
ID
=
"CustomValidator1"
OnServerValidate
=
"formatValidation"
ControlToValidate
=
""
Display
=
"None"
Text
=
""
ForeColor
=
"Red"
ValidationGroup
=
"SubmitDetails"
runat
=
"server"
/>
</
td
>
</
tr
>
</
table
>
<
table
>
<
tr
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkByTime"
runat
=
"server"
Text
=
"By Time In"
Width
=
"100px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:Label
ID
=
"lblFr"
runat
=
"server"
Text
=
"Between"
></
asp:Label
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:TextBox
ID
=
"txtFr"
runat
=
"server"
Width
=
"40px"
></
asp:TextBox
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:Label
ID
=
"lblTo"
runat
=
"server"
Text
=
"To"
></
asp:Label
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:TextBox
ID
=
"txtTo"
runat
=
"server"
Width
=
"40px"
></
asp:TextBox
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkByNRM"
runat
=
"server"
Text
=
"By Work Hours"
Width
=
"100px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
telerik:RadComboBox
ID
=
"cboByNRMCond"
runat
=
"server"
ZIndex
=
"1000000"
Width
=
"50px"
>
<
Items
>
<
telerik:RadComboBoxItem
Value
=
"Greater than or equal to"
Text=">=" />
<
telerik:RadComboBoxItem
Value
=
"Less than or equal to"
Text
=
"<="
/>
</
Items
>
</
telerik:RadComboBox
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:TextBox
ID
=
"txtNRM"
runat
=
"server"
Width
=
"40px"
></
asp:TextBox
>
<
asp:Label
ID
=
"lblNRMHrs"
runat
=
"server"
Text
=
"Hrs"
></
asp:Label
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkByNRMOT"
runat
=
"server"
Text
=
"AND"
Width
=
"60px"
OnCheckedChanged
=
"Check_NRMOTClicked"
AutoPostBack
=
"True"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkByOT"
runat
=
"server"
Text
=
"By OT"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
telerik:RadComboBox
ID
=
"cboByOTCond"
runat
=
"server"
ZIndex
=
"1000000"
Width
=
"50px"
>
<
Items
>
<
telerik:RadComboBoxItem
Value
=
"Greater than or equal to"
Text=">=" />
<
telerik:RadComboBoxItem
Value
=
"Less than or equal to"
Text
=
"<="
/>
</
Items
>
</
telerik:RadComboBox
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:TextBox
ID
=
"txtOT"
runat
=
"server"
Width
=
"40px"
></
asp:TextBox
>
<
asp:Label
ID
=
"lblOTHrs"
runat
=
"server"
Text
=
"Hrs"
></
asp:Label
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkByActWkHr"
runat
=
"server"
Text
=
"By Act Hours"
Width
=
"100px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
telerik:RadComboBox
ID
=
"cboByActWkHrCond"
runat
=
"server"
ZIndex
=
"1000000"
Width
=
"50px"
>
<
Items
>
<
telerik:RadComboBoxItem
Value
=
"Greater than or equal to"
Text=">=" />
<
telerik:RadComboBoxItem
Value
=
"Less than or equal to"
Text
=
"<="
/>
</
Items
>
</
telerik:RadComboBox
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:TextBox
ID
=
"txtActHr"
runat
=
"server"
Width
=
"40px"
></
asp:TextBox
>
<
asp:Label
ID
=
"lblActHrHrs"
runat
=
"server"
Text
=
"Hrs"
></
asp:Label
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkByReason"
runat
=
"server"
Text
=
"By Reason"
Width
=
"100px"
/>
</
td
>
<%--<
td
colspan
=
"3"
style
=
"padding-left: 5px;padding-top:10px; "
>
<
asp:TextBox
ID
=
"txtReason"
runat
=
"server"
Width
=
"200px"
TextMode
=
"MultiLine"
Height
=
"200px"
></
asp:TextBox
>
</
td
>--%>
<
td
colspan
=
"5"
style
=
"padding-left: 5px; padding-top: 10px;"
>
<%--<
telerik:RadComboBox
ID
=
"cboReason"
EmptyMessage
=
"Reason Code or Name"
Height
=
"200px"
Width
=
"300px"
CheckBoxes
=
"true"
OnClientItemChecked
=
"OnClientItemCheckedReason"
AutoPostBack
=
"false"
runat
=
"server"
EnableCheckAllItemsCheckBox
=
"true"
OnClientBlur
=
"IsCheckAllSelectedReason"
ShowToggleImage
=
"true"
ZIndex
=
"1000000"
EnableOverlay
=
"False"
EnableEmbeddedSkins
=
"False"
EnableEmbeddedScripts
=
"False"
>
</
telerik:RadComboBox
>--%>
<
telerik:RadComboBox
ID
=
"cboReason"
EmptyMessage
=
"Reason Code or Name"
Height
=
"200px"
Width
=
"300px"
CheckBoxes
=
"true"
runat
=
"server"
EnableCheckAllItemsCheckBox
=
"true"
ShowToggleImage
=
"true"
ZIndex
=
"1000000"
EnableOverlay
=
"False"
>
</
telerik:RadComboBox
>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkNoPayReason"
runat
=
"server"
Text
=
"No Pay"
/>
</
td
>
<
td
>
<
telerik:RadTextBox
ID
=
"radtxtReason"
runat
=
"server"
TextMode
=
"MultiLine"
Height
=
"200px"
LabelWidth
=
"64px"
Width
=
"205px"
Display
=
"false"
>
</
telerik:RadTextBox
>
</
td
>
</
tr
>
<
tr
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkByDay"
runat
=
"server"
Text
=
"By Day"
Width
=
"100px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkMon"
runat
=
"server"
Text
=
"Mon"
Width
=
"60px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkTue"
runat
=
"server"
Text
=
"Tue"
Width
=
"60px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkWed"
runat
=
"server"
Text
=
"Wed"
Width
=
"60px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkThurs"
runat
=
"server"
Text
=
"Thu"
Width
=
"60px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkFri"
runat
=
"server"
Text
=
"Fri"
Width
=
"60px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkSat"
runat
=
"server"
Text
=
"Sat"
Width
=
"60px"
/>
</
td
>
<
td
style
=
"padding-left: 5px; padding-top: 10px;"
>
<
asp:CheckBox
ID
=
"chkSun"
runat
=
"server"
Text
=
"Sun"
Width
=
"60px"
/>
</
td
>
</
tr
>
</
table
>
</
asp:Panel
>
</
ContentTemplate
>
</
telerik:RadWindow
>
</
td
>
</
tr
>
<
tr
>
<
td
>
<
telerik:RadGrid
ID
=
"rgAllowance"
AllowFilteringByColumn
=
"false"
runat
=
"server"
GridLines
=
"None"
AllowSorting
=
"false"
AutoGenerateColumns
=
"false"
PageSize
=
"20"
OnPreRender
=
"rgdAllowance_PreRender"
AllowPaging
=
"true"
OnNeedDataSource
=
"rgAllowance_OnNeedDataSource"
>
<
ClientSettings
EnableRowHoverStyle
=
"true"
>
<
Selecting
AllowRowSelect
=
"True"
></
Selecting
>
<
ClientEvents
OnRowClick
=
"RowClick"
OnRowDblClick
=
"RowDblClick"
/>
<
Scrolling
AllowScroll
=
"True"
UseStaticHeaders
=
"true"
></
Scrolling
>
</
ClientSettings
>
<
MasterTableView
DataKeyNames
=
"ID"
ClientDataKeyNames
=
"ID"
HeaderStyle-BackColor
=
"#941922"
HeaderStyle-ForeColor
=
"White"
>
<
Columns
>
<
telerik:GridBoundColumn
DataField
=
"ProductName"
HeaderText
=
"ProductName"
ItemStyle-Wrap
=
"False"
HeaderStyle-Wrap
=
"False"
HeaderStyle-Width
=
"20%"
/>
<
telerik:GridBoundColumn
DataField
=
"ID"
HeaderText
=
"ID"
ItemStyle-Wrap
=
"False"
HeaderStyle-Wrap
=
"False"
HeaderStyle-Width
=
"60%"
/>
</
Columns
>
</
MasterTableView
>
<
PagerStyle
AlwaysVisible
=
"true"
/>
</
telerik:RadGrid
>
</
td
>
</
tr
>
<
tr
>
<
td
>
<
table
>
<
tr
>
<
td
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
OnAjaxRequest
=
"RadAjaxManager1_AjaxRequest"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"rgAllowance"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnSearch"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnSave"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnNew"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"lblMessage"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"btnSave"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadWindow_ContentTemplate"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnEdit"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnDelete"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"lblMainMessage"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadAjaxManager1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"pnlAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"lblMessage"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"btnSave"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"cboReason"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadWindow_ContentTemplate"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"rgAllowance"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"hid_f"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
</
td
>
<
td
>
<
telerik:RadAjaxLoadingPanel
ID
=
"AjaxLoadingPanel"
runat
=
"server"
/>
</
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"center"
>
<
asp:Label
ID
=
"lblMsg"
runat
=
"server"
Font-Bold
=
"True"
Font-Size
=
"8"
ForeColor
=
"#FA5858"
BackColor
=
"transparent"
></
asp:Label
>
<
telerik:RadFormDecorator
ID
=
"RadFormDecorator"
EnableRoundedCorners
=
"true"
DecoratedControls
=
"All"
runat
=
"server"
/>
<
asp:Label
ID
=
"lblJavaScript"
runat
=
"server"
Text
=
""
Visible
=
"false"
></
asp:Label
>
</
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
</
table
>
<
telerik:RadCodeBlock
ID
=
"RadCodeBlock1"
runat
=
"server"
>
<
script
type
=
"text/javascript"
>
var commandName = "";
var tableView = null;
function GridCreated(sender, args) {
//debugger;
sender.get_element().style.height = document.body.offsetHeight - 150 + "px";
var scrollArea = sender.GridDataDiv;
var dataHeight = sender.get_element().style.height;
scrollArea.style.height = document.body.offsetHeight - 210 + "px";
}
function OnClientClicking(sender, args) {
//debugger;
var callBackFunction = Function.createDelegate(sender, function (argument) {
if (argument) {
this.click();
}
});
var text = "Are you sure you want to delete?";
radconfirm(text, callBackFunction, 300, 100, null, "Confirm");
args.set_cancel(true);
}
function RowClick(sender, eventArgs) {
//debugger;
var dataItem = $get(eventArgs.get_id());
var grid = sender;
var MasterTable = grid.get_masterTableView();
var row = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()];
var hiddenField = document.getElementById('<%= hid_f.ClientID %>');
hiddenField.value = row.getDataKeyValue('ID');
}
function RowDblClick(sender, eventArgs) {
//debugger;
var dataItem = $get(eventArgs.get_id());
var grid = sender;
var MasterTable = grid.get_masterTableView();
var row = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()];
var hiddenField = document.getElementById('<%= hid_f.ClientID %>');
var value = row.getDataKeyValue('ID');
hiddenField.value = value;
var data = new Array();
data[0] = "Edit";
data[1] = value;
$find('<%= RadAjaxManager1.ClientID %>').ajaxRequest(data);
var oWindowCust = $find('<%= RadWindow_ContentTemplate.ClientID %>');
oWindowCust.show();
}
function ShowEdit(button, args) {
//debugger;
var dataItem = $get(eventArgs.get_id());
var grid = sender;
var MasterTable = grid.get_masterTableView();
var row = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()];
var hiddenField = document.getElementById('<%= hid_f.ClientID %>');
var value = row.getDataKeyValue('ID');
hiddenField.value = value;
var data = new Array();
data[0] = "Edit";
data[1] = value;
$find('<%= RadAjaxManager1.ClientID %>').ajaxRequest(data);
var oWindowCust = $find('<%= RadWindow_ContentTemplate.ClientID %>');
oWindowCust.show();
}
function btnEdit_Click(button, args) {
//debugger;
var hiddenField = document.getElementById('<%= hid_f.ClientID %>');
var value_s = hiddenField.value;
var data = new Array();
data[0] = "Edit";
var hiddenField = document.getElementById('<%= hid_f.ClientID %>');
data[1] = hiddenField.value;
$find('<%= RadAjaxManager1.ClientID %>').ajaxRequest(data);
var oWindowCust = $find('<%= RadWindow_ContentTemplate.ClientID %>');
oWindowCust.show();
}
function btnNew_Click(button, args) {
var data = new Array();
data[0] = "New";
data[1] = "";
var manager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>")
manager.ajaxRequest(data);
var oWindowCust = $find('<%= RadWindow_ContentTemplate.ClientID %>');
oWindowCust.show();
}
function OnClientclose() {
//debugger;
var data = new Array();
data[0] = "Refresh";
data[1] = "";
$find('<%= RadAjaxManager1.ClientID %>').ajaxRequest(data);
}
function OnClientSelectedIndexChangedReason(sender, eventArgs) {
//debugger;
var itemTxt = eventArgs.get_item()._text;
var textbox = $find('<%= radtxtReason.ClientID %>');
if (textbox.get_value().indexOf(itemTxt) <
0
) {
if (textbox.get_value() == '')
textbox.set_value(itemTxt);
else
textbox.set_value(textbox.get_value() + ', ' + itemTxt);
}
var Combo = $find("<%=cboReason.ClientID %>");
Combo.clearSelection();
Combo.set_text('');
}
function OnClientItemCheckedReason(sender, eventArgs) {
debugger;
var combo = $find("<%= cboReason.ClientID %>");
var items = combo.get_items();
var textbox = $find('<%= radtxtReason.ClientID %>');
textbox.set_value('');
if (combo.get_checkedItems().length >= 1) {
var itemsCount = items._array.length;
for (var itemIndex = 0; itemIndex <
itemsCount
; itemIndex++) {
var
item
=
items
.getItem(itemIndex);
var
chk
=
item
.get_checked();
if (!chk) {
chk
=
false
;
}
else {
chk
=
item
.get_checked();
}
if (chk) {
//debugger;
if (textbox.get_value() == '') {
textbox.set_value(item.get_text());
}
else {
var
txt
=
textbox
.get_value();
textbox.set_value(txt + ", " + item.get_text());
combo.Text
=
txt
+ ", " + item.get_text();
}
}
}
}
}
function IsCheckAllSelectedReason(sender, eventArgs) {
//debugger;
var
itemCount
=
sender
.get_items().get_count();
var
selectedItemCount
=
sender
.get_checkedItems().length;
if (selectedItemCount == itemCount) {
OnClientItemCheckedReason(sender, eventArgs);
} else if (selectedItemCount == 0) {
var textbox = $find('<%= radtxtReason.ClientID %>');
textbox.set_value('');
}
else {
return 0
}
}
</
script
>
</
telerik:RadCodeBlock
>
</
div
>
</
form
>
</
body
>
</
html
>
aspx.cs
using
System;
using
System.Collections.Generic;
using
System.Linq;
using
System.Web;
using
System.Web.UI;
using
System.Web.UI.WebControls;
using
System.Web.Services;
using
Telerik.Web.UI;
using
System.Data.SqlClient;
using
System.Configuration;
using
System.Data;
using
System.Text.RegularExpressions;
public
partial
class
Default3 : System.Web.UI.Page
{
protected
void
Page_Load(
object
sender, EventArgs e)
{
if
(!IsPostBack)
BindReason();
}
protected
void
BindReason()
{
SqlConnection connection =
new
SqlConnection(ConfigurationManager.ConnectionStrings[
"NorthwindConnectionString"
].ConnectionString);
string
filterString =
string
.Empty;
SqlCommand selectCommand =
new
SqlCommand(
@
" SELECT * FROM ProductCategories WHERE (Title) LIKE '"
+ filterString +
"%'"
, connection);
SqlDataAdapter adapter =
new
SqlDataAdapter(selectCommand);
DataTable products =
new
DataTable();
adapter.Fill(products);
cboReason.DataSource = products;
cboReason.DataTextField =
"Title"
;
cboReason.DataValueField =
"CategoryId"
;
cboReason.DataBind();
}
private
void
BindGrid()
{
SqlConnection connection =
new
SqlConnection(ConfigurationManager.ConnectionStrings[
"NorthwindConnectionString"
].ConnectionString);
string
filterString =
string
.Empty;
SqlCommand selectCommand =
new
SqlCommand(
@
" SELECT * FROM Products WHERE (ProductName) LIKE '"
+ filterString +
"%'"
, connection);
SqlDataAdapter adapter =
new
SqlDataAdapter(selectCommand);
DataTable products =
new
DataTable();
adapter.Fill(products);
rgAllowance.DataSource = products;
//rgAllowance.DataBind();
}
private
void
ClearData()
{
//Need to clear checkbox on Server side , since IE and Firedfox not working with client side
chkByTime.Checked =
false
;
//chkByNRM.Checked = false;
//chkByNRMOT.Checked = false;
//chkByOT.Checked = false;
//chkByActWkHr.Checked = false;
chkByReason.Checked =
false
;
chkNoPayReason.Checked =
false
;
chkByDay.Checked =
false
;
chkMon.Checked =
false
;
chkTue.Checked =
false
;
chkWed.Checked =
false
;
chkThurs.Checked =
false
;
chkFri.Checked =
false
;
chkSat.Checked =
false
;
chkSun.Checked =
false
;
cboReason.ClearCheckedItems();
}
protected
void
RadAjaxManager1_AjaxRequest(
object
sender, AjaxRequestEventArgs e)
{
//BindReason();
string
valueStr = e.Argument.ToString();
char
[] splitter =
new
char
[] {
','
};
string
[] valueArray = valueStr.Split(splitter);
string
type = valueArray[0];
string
valID = valueArray[1];
string
temp =
string
.Empty;
temp =
""
;
ClearData();
if
(type.Equals(
"Edit"
))
{
}
else
if
(type.Equals(
"New"
))
{
lblMessage.Text =
""
;
txtAllowanceCd.Enabled =
true
;
txtAllowanceCd.Text =
""
;
txtAllowanceName.Text =
""
;
txtAllowanceAmt.Text =
""
;
chkByTime.Checked =
false
;
txtFr.Text =
""
;
txtTo.Text =
""
;
chkByReason.Checked =
false
;
chkNoPayReason.Checked =
false
;
chkByDay.Checked =
false
;
chkMon.Checked =
false
;
chkTue.Checked =
false
;
chkWed.Checked =
false
;
chkThurs.Checked =
false
;
chkFri.Checked =
false
;
chkSat.Checked =
false
;
chkSun.Checked =
false
;
}
else
if
(type.Equals(
"Refresh"
))
{
BindGrid();
}
}
protected
void
rgdAllowance_PreRender(
object
sender, EventArgs e)
{
try
{
if
((sender
as
RadGrid).SelectedItems.Count > 0)
{
if
(rgAllowance.SelectedValue !=
null
)
{
string
regis_id = rgAllowance.SelectedValue.ToString();
hid_f.Value = regis_id;
}
}
}
catch
{
hid_f.Value =
"0"
;
}
}
protected
void
rgAllowance_OnNeedDataSource(
object
sender, EventArgs e)
{
BindGrid();
rgAllowance.SelectedIndexes.Add(0);
}
protected
void
btnSave_Click(
object
sender, EventArgs e)
{
string
finalReasonCodes =
string
.Empty;
var collection = cboReason.CheckedItems;
string
text =
string
.Empty;
if
(collection.Count != 0)
{
foreach
(var item
in
collection)
{
text = item.Text;
}
}
}
protected
void
Check_NRMOTClicked(Object sender, EventArgs e)
{
if
(chkByNRMOT.Checked ==
true
)
{
chkByNRM.Checked =
true
;
chkByOT.Checked =
true
;
txtNRM.Text =
""
;
chkByNRM.Enabled =
false
;
chkByOT.Enabled =
false
;
cboByNRMCond.Enabled =
false
;
txtNRM.Enabled =
false
;
}
else
{
chkByNRM.Enabled =
true
;
chkByOT.Enabled =
true
;
cboByNRMCond.Enabled =
true
;
txtNRM.Enabled =
true
;
}
}
protected
void
formatValidation(
object
source, ServerValidateEventArgs arguments)
{
lblMessage.Text =
""
;
Regex regex =
new
Regex(
"^(?:0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]|(?:0[0-9]|1[0-9]|2[0-3])[0-5][0-9]$"
);
if
(!regex.IsMatch(txtFr.Text) && txtFr.Text !=
""
)
{
arguments.IsValid =
false
;
lblMessage.Text =
"Wrong format for From time"
;
txtFr.Focus();
return
;
}
if
(!regex.IsMatch(txtTo.Text) && txtTo.Text !=
""
)
{
arguments.IsValid =
false
;
lblMessage.Text =
"Wrong format for To time"
;
txtTo.Focus();
return
;
}
regex =
new
Regex(@
"^\d+(\.\d{1,2})?$"
);
if
(!regex.IsMatch(txtAllowanceAmt.Text) && txtAllowanceAmt.Text !=
""
)
{
arguments.IsValid =
false
;
lblMessage.Text =
"Wrong format for allowance amount"
;
txtAllowanceAmt.Focus();
return
;
}
if
(!regex.IsMatch(txtNRM.Text) && txtNRM.Text !=
""
)
{
arguments.IsValid =
false
;
lblMessage.Text =
"Wrong format for work hours"
;
txtNRM.Focus();
return
;
}
if
(!regex.IsMatch(txtOT.Text) && txtOT.Text !=
""
)
{
arguments.IsValid =
false
;
lblMessage.Text =
"Wrong format for OT hours"
;
txtOT.Focus();
return
;
}
if
(!regex.IsMatch(txtActHr.Text) && txtActHr.Text !=
""
)
{
arguments.IsValid =
false
;
lblMessage.Text =
"Wrong format for actual hours "
;
txtActHr.Focus();
return
;
}
}
}
Thank you.
Best regards,
Ei Wai
We found and fixed some errors with the data binding (wrong table and column names). It is running without errors at our side, see the linked screenshot.
Please, find attached your project with the changes made.
Regards,
Ivan Danchev
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
Thank you for your reply. I realized that you've commented out RadFormDecorator control in your sample project. So I did the same for my project and it worked as expected. I am not sure why this control have conflicted with others. But thanks for your help and I will comment out all my RadFormDecorator controls for now.
Best regards,
Ei Wai