Hi.
I'm using a Radrotator with Item template inside as follows:
ASPX
I only want to "Click" on the item when user clicks on the image, since at this time, I run the
I cancel ItemClick when I click the btnDel, since I will be deleting this image. this works fine.
but when I cancel click when the checkbox is clicked, the Checkbox can not be "checked".
here is my Javascript:
Any Suggestions?
Thanks.
I'm using a Radrotator with Item template inside as follows:
ASPX
<
telerik:RadRotator
runat
=
"server"
ID
=
"rotatorImagesList"
RotatorType
=
"Buttons"
Width
=
"100%"
Height
=
"150px"
WrapFrames
=
"false"
OnItemClick
=
"rotatorImagesList_SelectImage"
OnClientItemClicking
=
"rotatorImagesList_OnClientItemClicking"
>
<
ItemTemplate
>
<
div
>
<
asp:CheckBox
ID
=
"chkSel"
runat
=
"server"
Checked='<%#Eval("isSelected")==DBNull.Value?false:Eval("isSelected") %>'
onclick="chkClick(this)" />
<
asp:ImageButton
ID
=
"btnDel"
runat
=
"server"
OnClientClick
=
"CancelItemClick(this)"
CssClass
=
"deletebutton"
ImageUrl
=
"~/App_Themes/Office2007/Grid/Cancel.gif"
></
asp:ImageButton
>
</
div
>
<
div
>
<
telerik:RadBinaryImage
EnableTheming
=
"false"
runat
=
"server"
ID
=
"binaryImageThumbnail"
Width
=
"103px"
Height
=
"103px"
ResizeMode
=
"Fit"
DataValue='<%# DataBinder.Eval(Container.DataItem,"ThumbnailData") %>'
BorderColor="Black" BorderStyle="Solid" onClick="ImageClick(this)" />
</
div
>
<
div
>
<
asp:HiddenField
ID
=
"hiddenFieldPhotoRIDContainer"
runat
=
"server"
Value='<%# DataBinder.Eval(Container.DataItem,"NCO_RID") %>' />
<
asp:HiddenField
ID
=
"hiddenFieldIsDeleted"
runat
=
"server"
Value='<%# DataBinder.Eval(Container.DataItem,"isDeleted") %>' />
</
div
>
</
ItemTemplate
>
</
telerik:RadRotator
>
I only want to "Click" on the item when user clicks on the image, since at this time, I run the
rotatorImagesList_SelectImage
in which I do some server code. otherwise I do not want a postback to run the
rotatorImagesList_SelectImage
event.I cancel ItemClick when I click the btnDel, since I will be deleting this image. this works fine.
but when I cancel click when the checkbox is clicked, the Checkbox can not be "checked".
here is my Javascript:
var
currIndex;
var
isDeleting;
var
allowClick;
function
pageLoad() {
isDeleting =
false
;
allowClick =
false
;
}
function
CancelItemClick(sender, eventArgs) {
currIndex = getIndexFromId(sender.id);
allowClick =
true
;
isDeleting =
true
;
}
function
ImageClick(sender) {
currIndex = getIndexFromId(sender.id);
isDeleting =
false
;
allowClick =
true
;
}
function
chkClick(sender) {
currIndex = getIndexFromId(sender.id);
isDeleting =
false
;
allowClick =
false
;
}
function
rotatorImagesList_OnClientItemClicking(sender, eventArgs) {
if
(allowClick ==
true
) {
var
hfVal = document.getElementById(sender.get_id() +
"_i"
+ currIndex +
"_"
+
"hiddenFieldPhotoRIDContainer"
).value;
if
(isDeleting ==
true
) {
__doPostBack(
"btnDel"
, hfVal);
eventArgs.set_cancel(
true
);
}
}
else
{
eventArgs.set_cancel(
true
);
}
}
function
getIndexFromId(string) {
var
matches = string.match(/_i([0-9]+)/);
return
matches[1];
}
Any Suggestions?
Thanks.