Emulating Digg Spy using AJAX.NET

Scott — Thu, 09 Feb 2006 06:02:00 +0000

In my latest project, I need to build a lead system for our sales people. It will work very similarly to the digg.com/spy application, so I took advantage of their model in order to learn AJAX.NET.

I decided to go with AJAX.NET, rather than the new Anthem, just to get my feet wet. I will make it work in Anthem next.

This is what my example will look like:

and after you click the button:

Using AJAX, it went and grabbed a new item, and inserted it to the top row, and removed the bottom row. Digg’s Spy is obviously nicer, but it does essentially the same thing.

Yes, there are TONS of ways I can optimize this and make it slimmer and nicer, but his was a proof of concept. I know I didn’t have to use a DataSet, but since I wanted to see it work, I used it. I also didn’t care about formatting a date in javascript.

Here is my code behind code:

public class test : System.Web.UI.Page
{
   private void Page_Load(object sender, EventArgs e) {
     Ajax.Utility.RegisterTypeForAjax(typeof(test));
   }

   [Ajax.AjaxMethod()]
   public DataSet GetLeads() {
        DataSet ds = new DataSet();
        DataTable dt = new DataTable("MyTable");
        ds.Tables.Add(dt);
        dt.Columns.Add("ID", typeof(int));
        dt.Columns.Add("Firstname", typeof(string));
        dt.Columns.Add("Date", typeof(DateTime));

        dt.Rows.Add(new object[] { 1, "steve", DateTime.Now });
        return ds;
   }

And here is my sample for the .aspx file:





 



   
      IDNameDate
   


   54scott1/1/2006
   22peter1/2/2006
   12sam1/3/2006
   44sally1/4/2006
   51paul1/5/2006

No related posts.

Scott Elkin » Javascript

Emulating Digg Spy using AJAX.NET