I want to set the color of color picker when the Page Load. But it always cannot find the rad color picker control. It always get null.
protected
void
Page_Load(
object
sender, EventArgs e)
{
if
(IsPostBack ==
false
)
{
string
szJS =
"OptionSettingsLoad();"
;
RadScriptManager.RegisterStartupScript(
this
,
this
.GetType(),
"OptionSettingsLoad"
, szJS,
true
);
}
}
The javascript has add the global function for initialize the TelerikDemo object and its function for color change.
I cannot find the color picker control by
var colorPickerDischargeTitleColor = $find("RadColorPickerDischargeTitleColor");
the color Picker"colorPickerDischargeTitleColor " always be null.
function
(global, undefined) {
var
TelerikDemo = global.TelerikDemo = {};
function
OnClientColorChangeDischargeTitleColor(sender, eventArgs) {
var
colorPicker = $find(
"RadColorPickerDischargeTitleColor"
);
var
strColor = sender.get_selectedColor();
}
TelerikDemo.OnClientColorChangeDischargeTitleColor = OnClientColorChangeDischargeTitleColor;
function
OnClientColorChangeDischargeContentColor(sender, eventArgs) {
//alert("Selected color is changed from " + eventArgs.get_oldColor() + " to " + sender.get_selectedColor() + ".");
var
colorPicker = $find(
"RadColorPickerDischargeContentColor"
);
var
strColor = sender.get_selectedColor();
}
TelerikDemo.OnClientColorChangeDischargeContentColor = OnClientColorChangeDischargeContentColor;
})(window);
function
OptionSettingsLoad()
{
var
LS_titleColor = localStorage.getItem(DISCHARGE_TITLE_COLOR);
var
LS_contentColor = localStorage.getItem(DISCHARGE_CONTENT_COLOR);
var
colorPickerDischargeTitleColor = $find(
"RadColorPickerDischargeTitleColor"
);
var
colorPickerDischageContentColor = $find(
"RadColorPickerDischargeConetnteColor"
);
//alert("LS_titleColor=" + LS_titleColor);
HiddenDischargeTitleColor.value = LS_titleColor;
if
(colorPickerDischargeTitleColor !=
null
&& LS_titleColor !=
null
)
{
colorPickerDischargeTitleColor.set_selectedColor(LS_titleColor);
}
HiddenDischargeContentColor.value = LS_contentColor;
if
(colorPickerDischageContentColor !=
null
&& LS_contentColor !=
null
)
{
colorPickerDischageContentColor.set_selectedColor(LS_contentColor);
}
}
My RadColorPciker control in aspx as below:
<telerik:RadColorPicker ID=
"RadColorPickerDischargeTitleColor"
runat=
"server"
PaletteModes=
"HSB"
ShowIcon=
"true"
OnClientColorChange=
"TelerikDemo.OnClientColorChangeDischargeTitleColor"
></telerik:RadColorPicker>
<telerik:RadColorPicker ID=
"RadColorPickerDischargeContentColor"
runat=
"server"
PaletteModes=
"HSB"
ShowIcon=
"true"
OnClientColorChange=
"TelerikDemo.OnClientColorChangeDischargeContentColor"
></telerik:RadColorPicker>
Do I lose something to define or how to solve this problem?