asp rating control update in ajax

Question

0.00/5 (No votes)

See more:

How can I update asp.net ajax rating control value by Javascript. There are multiple rating controls in my page. So I can not have access to them by

C#

function SetParentReview(appid) {
var ratingValue = $find("rt_" + id).get_Rating();
 $find("rcGrid_" + appid).set_Rating(Number(2));
}

these both lines can not access the control. In my gridview it is as follows.

XML

<ajax:Rating  ID='rcGrid_' BehaviorID='rcGrid_<%# Eval("AppId") %>' CurrentRating='<%# Eval("avgRating") %>'  runat="server" StarCssClass="ratingEmpty" WaitingStarCssClass="ratingSaved" EmptyStarCssClass="ratingEmpty" FilledStarCssClass="ratingFilled">

also how can i update after accessing these controls in javascript.

Posted 27-May-13 19:08pm

rahul-4u

Updated 27-May-13 20:08pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

v3

Add a Solution

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 28-May-13 2:19am

What is the problem ? Have you debugged it ?

rahul-4u 28-May-13 2:28am

yes i have debugged it. But in javascript it can not find $find("rt_" + id).get_Rating();
it is saying Type error $find is null for this.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 28-May-13 2:31am

What is "rt_" here ?

rahul-4u 28-May-13 2:35am

i have 2 rating controls having same values. 1 in gridview column and another one in a popup which opens after a link on gridview row. so it is

<ajax:Rating ID='rt_' BehaviorID='rt_<%# Eval("AppId") %>' CurrentRating='<%# Eval("avgRating") %>' runat="server" StarCssClass="ratingEmpty" WaitingStarCssClass="ratingSaved" EmptyStarCssClass="ratingEmpty" FilledStarCssClass="ratingFilled">

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 28-May-13 2:40am

But the code you pasted before in question has "rcGrid_".

rahul-4u 28-May-13 2:48am

sorry for that. but as i told you there are 2 rating controls in every row of gridview. 'rcGrid_' and 'rt_' with the same value. I just want to access them on close of popup and then update it in the same.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 28-May-13 2:51am

Can you two functions separately or you want to call one function for the two ?

rahul-4u 28-May-13 3:08am

in popup there is one rating control. After update button on this popup I want the rating is actually updated to server in ajax and also reflected to parent gridview rating control.
So its like this
NAme|*****|Edit|
by this Edit link rating current value will be passed to popup
On click of Edit A popup will be open.
it has |*****| and <input type="button" value="Update">
and after update it will be updated to parent gridview rating by ajax and javascript.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 28-May-13 3:50am

Ok. It is clear now. Thanks.

So, I guess you are calling the function SetParentReview on the rating update inside popup, is it getting fired correctly ?

var ratingValue = $find("rt_" + id).get_Rating();

Here what is the value of "id" ?

rahul-4u 28-May-13 4:30am

yes SetParentReview is fired correctly. id value is corresponding to appid and it comes right. But "rt_"+id is not the ElementId that is generated on client side. what can be done for this to get exact id.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 28-May-13 4:45am

I guess if you use "appid", then it will work. Try once.

var ratingValue = $find("rt_" + appid).get_Rating();

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 28-May-13 5:50am

Did you try ?

rahul-4u 28-May-13 6:07am

its not working... now not using this .net rating control.. thanks for your help

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 28-May-13 6:36am

So, how are doing now ? javaScript/jQuery ?

rahul-4u 28-May-13 8:24am

Now I have made my own javascript control for rating and it is working fine.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 28-May-13 8:30am

Good work... Well done.
I have added one answer. Please accept that...

Thanks,
Tadit

rahul-4u 29-May-13 2:11am

i will post the solution soon..

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 29-May-13 2:31am

Ok. Thanks...

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2013-05-28T02:30:00

Just adding an answer to remove this from Unanswered list.

OP has implemented it by replacing the Asp.Net rating control to his own custom javaScript rating control.

Good work @rahul-4u...

If you can post what are the steps you followed, that will be awesome.
Instead you can also add a Tip/Article on this to explain how you did it in javaScript.

I can find many articles in Google to do this in jQuery/javaScript.
Still you can post one Tip/Article about your experience, if you can.