jQuery Star Rating Plugin Web Method Call with ASP.Net

I started playing with the jQuery Star Rating Plugin v3.14. But, I could not really find a good way to make web method calls or a decent write up of how to use it with ASP.Net.

So, I added auto-submit-star to the markup for it to make the callback, added runat=”server”, and a hidden field with the record id.

<input name="star1" type="radio" class="auto-submit-star" runat="server">
<input name="star1" type="radio" class="auto-submit-star" runat="server">
<input name="star1" type="radio" class="auto-submit-star" runat="server">
<input name="star1" type="radio" class="auto-submit-star" runat="server">
<input name="star1" type="radio" class="auto-submit-star" runat="server">
<asp:HiddenValue id="hfRatingID" runat="server"/> 

After that, added the following script that performs the jQuery Web Method call

$(".auto-submit-star").rating({ callback: function (a, b) { 
PageMethods.RateIt( $(this).siblings('input[id*="hfRatingID"]').val(), a) 
}})

Then makes web method call to a static class in code behind

[System.Web.Services.WebMethod()]
[System.Web.Script.Services.ScriptMethod()]
public static void RateIt(int id, string value) // Method have to be static { 
// Make call to update DB rating value 
}

Now you should be able to make an asynchronous call for users to rate an item. Hope this helps.

How to create a WP7 App – Hello World

Simple way to customize pushpins in Bing Maps for WP7

Having trouble finding a quick and simple way to customize and add images to pushpins? I came up with the following.

The stardard pushpin looks pretty bad, as you can see, it is just a black square with a pointing arrow.

The easiest way to get rid of it is to set the template of your pushpin to null.

Pushpin myPushpin = new Pushpin();
myPushpin.Template = null;

Continue reading “Simple way to customize pushpins in Bing Maps for WP7”

Open Websites and Emails from a Windows Phone 7 Silverlight App

First,  make sure to reference the Microsoft.Phone.Tasks Library

In your XAML you can add a HyperlinkButton with a click even like this:

<HyperlinkButton x:Name="Email" Content="email@domain.com" Click="Email_Click"/>

Then use the EmailComposeTask class to bring up the mail client.

private void Email_Click(object sender, RoutedEventArgs e)
{
EmailComposeTask email = new EmailComposeTask();
email.To = "email@domain.com";
email.Subject = "Thanks";
email.Show();
}

In a similar manner, you instantiate WebBrowserTask to bring up the browser with the provided link

private void MyBlog_Click(object sender, RoutedEventArgs e)
{
WebBrowserTask web = new WebBrowserTask();
web.URL = "http://www.chrisrios.com";
web.Show();
}

Continue reading “Open Websites and Emails from a Windows Phone 7 Silverlight App”