Rank 1
What you end up with is all the JQuery stuff working when the page is first loaded but stops working after a partial postback. All I wanted to do as an experiment was add some rounded corners to <div> elements. Looked good on first load but choose something from an ajaxified combobox and everything goes square again.
I also downloaded the telerik example project that animated a combobox by sliding the items as you hovered over them but when I ajaxified it to say populate another dropdown list after selecting an item the sliding stopped.
I've searched around for a way around this but to no avail as yet. Just wondered if anyone here knew how to get round this. It just might be that JQuery is not suitable in thsi scenario yet.
Thanks for your help.
3 Answers, 1 is accepted
If you wrap your script blocks with RadScriptBlock, RadAjax will executed these scripts automatically.
Best wishes,
Vlad
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Rank 1
I am using plugins provided by Jquery and not of telerik. I have a grid with usercontrol for edit and insert. I have added Jquery for validating the controls in usercontrol. It was working until I had added Ajax panel in WebPage. The Jquery Validation is not firing.below is my code of jquery in usercontrol
<
telerik:RadScriptBlock ID="Rad1" runat="server">
<
script type="text/javascript">
jQuery.validator.addMethod(
"selectNone",
function(value, element) {
if (element.value == "-1")
{
return false;
}
else return true;
},
" <img src='../../Images/ModalDialogAlert.gif' />"
);
$(document).ready
(
alert(
"ready");
function() {
$(
"input[name$='btnInsert']").click(function()
{
Validate();
});
$(
"input[name$='btnUpdate']").click(function()
{
Validate();
});
$(
"input[name$='btnCancel']").click(function()
{
cancelValidation();
});
}
);
function cancelValidation()
{
//$("input[name$='btnInsert']").unbind('click',Validate)
return true;
}
function Validate()
{
alert(
"Before");
if(document.getElementById("<%= txtWebSite.ClientID %>").value.length<=8)
{
document.getElementById(
"<%= txtWebSite.ClientID %>").value="";
}
document.getElementById(
"<%= MessageRow.ClientID %>").style.visibility='hidden';
$(
"#aspnetForm").validate
(
{
rules:
{
<%= txtCompName.UniqueID %>:
"required",
<%= txtWebSite.UniqueID %>:
{
url:
true
},
<%= txtEmail.UniqueID%>:
{
required:
true,
email:
true
},
<%= txtContactPersonEmail.UniqueID%>:
{
email:
true
},
<%= drpCompanyType.UniqueID%>:
{
selectNone:
true
}
,
<%= drpCompanyType.UniqueID%>:
{
selectNone:
true
}
,
<%= txtPhone.UniqueID%>:
{
required:
true
}
},
messages:
{
<%= txtCompName.UniqueID%>:
{
required:
" <img src='../../Images/ModalDialogAlert.gif' />"
},
<%= txtWebSite.UniqueID%>:
{
url:
" <img src='../../Images/ModalDialogAlert.gif' />"
},
<%= txtEmail.UniqueID%>:
{
required:
" <img src='../../Images/ModalDialogAlert.gif' />",
email:
" <img src='../../Images/ModalDialogAlert.gif' />"
},
<%=txtContactPersonEmail.UniqueID%>:
{
email:
" <img src='../../Images/ModalDialogAlert.gif' />"
},
<%= drpCompanyType.UniqueID%>:
{
selectNone:
" <img src='../../Images/ModalDialogAlert.gif' />"
}
,
<%= txtPhone.UniqueID%>:
{
required:
" <img src='../../Images/ModalDialogAlert.gif' />"
}
},
invalidHandler:
function(form, validator)
{
document.getElementById(
'<%= MessageRow.ClientID %>").style.visibility='visible';
}
}
);
}
</script>
</telerik:RadScriptBlock>
You should place the RadScriptBlock in an updated control, which is updated together with RadGrid.
If the above does not help, please send a complete runnable web page.
Best wishes,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.