Sonu on .NET

Call to submit feedback for the AjaxDataControls

Sonu — Fri, 27 Jun 2008 13:41:00 GMT

If you are one of the users that is using our AjaxDataControls, then we need your help. We are planing to work on the AjaxDataControls to fix current bugs and to add new features - this may be released as a SP or as a new release. We are not sure about this yet.

Nonetheless, we need your help to submit feedback and feature requests to us. Please visit our wish list forum and submit your feedback there:

http://dotnetslackers.com/Community/forums/wishlist/73.aspx

Thank you

AjaxDataControls (ADC) FAQ - How to get started with the AjaxDataControls and Visual Studio 2008?

Sonu — Tue, 24 Jun 2008 04:04:00 GMT

This is a followup small how-to on my previous post:

AjaxDataControls (ADC) FAQ - How to get started with the AjaxDataControls with Visual Studio 2005?

The basic idea is the same, however to make it easy to get started with VS2008 and ADC, I will repeat some steps that were used in my previous post.

Fireup up Visual Studio 2008 and select File->New Website. The first thing you will notice is that there is no "Ajax Enabled Website" template anymore. The reason is simple: ASP.NET Ajax is already built into .NET 3.5. Therefore we will go ahead and select "ASP.NET Web Site". I will call my project simply ADCSampleWebsiteVS2008 - feel free to change this to whatever you like.

Once you have created the empty project, you need to make sure that you add the necessary AjaxDataControls.dll, which you can get from:

http://codeplex.com/ajaxdatacontrols

However make sure that you get the binaries that were compiled for .net 3.5.

Once you have added the dll, we need to make some small changes to the web.config and add the following line between the <controls> section:

Your section should look like this now:

<pages>
<controls>
....
<add tagPrefix="AjaxData" namespace="AjaxDataControls" assembly="AjaxDataControls"/>
</controls>
</pages>

If you want to return DataTables from your webservice or pageMethods you will also need to declare the following converters:

Besides that you will need to download the ASP.NET Futures and add the binaries Microsoft.Web.Preview.dll to your website project - make sure that you use the .net 3.5 binaries here as well.

This should go in between the <scripting>/<webServices> section.

You are now done with the web.config.

The rest is basically the same as described here. You need to add the webservice - a test function and the script code. Follow the steps in the mentioned post and you should be ready to go.

You can download the ADCSample VS2008 Website from here.

DotNetSlackers Ranking System - first beta

Sonu — Wed, 18 Jun 2008 13:25:00 GMT

We have finally launched a new ranking system at DotNetSlackers. You can read about it here:

http://dotnetslackers.com/ranks

Any feedback is appreciated.

AjaxDataControls (ADC) FAQ - INDEX

Sonu — Sat, 14 Jun 2008 02:58:00 GMT

Welcome to the AjaxDataControls FAQ.

If you feel there are questions missing in this FAQ, please feel free to email us through the contact form.

Please note that this page is under constriction

Last Updated: 24-June-2008

AjaxDataControls (ADC) FAQ - How to get started with the AjaxDataControls with Visual Studio 2005?

Sonu — Sat, 14 Jun 2008 01:52:00 GMT

This is a quick how to post for everyone that would like to get started with the AjaxDataControls. I will cover all steps one by one to show you easy the controls can be used.

Open Visual Studio 2005 and create a new ASP.NET Ajax Enabled Website:

Add a reference to the AjaxDataControls.dll to your bin folder. You can download the binaries from here.

Once you have added the dll, we need to make some small changes to the web.config and add the following line between the <controls> section:

Your section should look like this now:

<pages>
<controls>
    <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=1.0.61025.0,
    Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
    <add tagPrefix="AjaxData" namespace="AjaxDataControls" assembly="AjaxDataControls"/>
</controls>
</pages>

If you want to return DataTables from your webservice or pageMethods you will also need to declare the following converters:

Besides that you will need to download the ASP.NET Futures and add the binaries Microsoft.Web.Preview.dll to your website project.

This should go in between the <scripting>/<webServices> section.

You are now done with the web.config.

Now let us start with a simple webservice that will return some test data. Right click on the project and select "Add New Item" and select "Web Service" and give it the name DataService.asmx.

Open the DataService.vb and add the following namespace:

Imports System.Web.Script.Services
Imports System.Data

Replace this line:

<Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _

with:

<ScriptService()> _

Add a test function that will return a DataTable with some test data:

<WebMethod()> _
Public Function TestData() As DataTable
Dim dt As New DataTable("t1")
dt.Columns.Add("image")
dt.Columns.Add("title")

For i As Integer = 0 To 10
dt.Rows.Add(New Object() {"c:\img" & i.ToString() & ".jpg", "image-" & i.ToString()})
Next

Return dt
End Function

Open the default.aspx and drop an AjaxData Gridview into the page and give it the id MyGrid. By default it will autogenerate the columns for you based on your datasource. Next we need to set the webservice that we created earlier into the ScriptManager:

<asp:ScriptManager ID="ScriptManager1" runat="server">
<Services>
<asp:ServiceReference Path="~/DataService.asmx" />
</Services>
</asp:ScriptManager>

Below the GridView markup add the following BLOCKED SCRIPT

The first function is called automatically by the asp.net ajax framework whenever the page has loaded. In that function I retrieve an object of the Gridview control and store it into a local variable. Then I make a webservice call to the TestData function and pass the onLoadSuccess function to it, which will be called when the call has finished.

The onLoadSuccess takes the returned data sets the datasource via the set_dataSource function and binds the grid. Here is the result:

You can download the ADCSample Website from here.

AjaxDataControls (ADC) FAQ - Loop through the items

Sonu — Fri, 13 Jun 2008 14:03:00 GMT

Sometimes you may want to loop through all the items in any of the ADCControls after it has been bound. The following code demonstrates this:

function loopItems()
{
    var items = dataList.get_items();
    for (var item in items)
    {
      // do something.
    }
}

Now in the case you are searching for a certain bound property inside the control you can add the following code section inside the loop:

var dataItem = items[item].get_dataItem();
// We are looking for the image where the image name is "img0"
if (dataItem.image == "img0")
{
index = items[item].get_itemIndex();
break;
}

Here is the completed function:

AjaxDataControls (ADC) FAQ - get_items()[index]

Sonu — Thu, 12 Jun 2008 13:45:00 GMT

Remember that you can always use the the following javascript code to get the desired item from any of the data controls.

var index = 3;
var item = adcControl.get_items()[index];
item.findControl("your control");

AjaxDataControls (ADC) FAQ - DataList - SelectedIndexChangedEvent

Sonu — Thu, 12 Jun 2008 12:59:00 GMT

I am going to start an AjaxDataControls FAQ on my blog with the most knowen properties/events and show them how you can use them. The first series will cover the DataList control - an index will be added as soon as there are more FAQ's posted. In this first post, I will show you how you can make use of the SelectedIndexChanged event inside the datalist control.

Basically there are two steps that you need to do.

You need to define the SelectedIndexChangedEvent in the properties of the DataList control.
You need to define the commandName property on the html elements.

Here is an example:

<AjaxData:DataList ID="ImagesList" runat="server" Visible=True
ItemDataBoundEvent="OnItemDataBoundEvent"
SelectedIndexChangedEvent="OnSelectedIndexChangedEvent">
    <ItemTemplate>
      <span id="spanPhoto" commandName="select"></span>
      <span id="spanTitle"></span>
    </ItemTemplate>
</AjaxData:DataList>

You can even set the commandName on both span's if you want.

In your JavaScript you would define the OnSelectedIndexChangedEvent in the following way:

function OnSelectedIndexChangedEvent(sender, e)
{
var item = _dataList.get_selectedItem();
var span = item.findControl("spanPhoto");
var inner = span.innerHTML;

// now you could basically do whatever you want with the image.
}

Jason Gaylord joins the ADC team

Sonu — Mon, 09 Jun 2008 13:26:00 GMT

I am very happy to announce that Jason Gaylord has joined the Ajax Data Controls (ADC) team. Jason has tons of experience with AJAX and I am pretty sure that he will be a great benefit for the project.

Jason has just uploaded the binaries for Visual Studio 2008 - you can grab them from here.

If you need Ajax Data Controls in your asp.net project - then ADC is the way to go :)

ASP.NET MVC - KIGG

Sonu — Tue, 19 Feb 2008 03:10:00 GMT

We are proud to announce the release of KIGG - a real world live application build with ASP.NET MVC. You can see the live application at the following link:

http://kigg.dotnetslackers.com

The source is released under open source and can be downloaded from codeplex. As usual we would love to hear some comments from you. Take a look at it and let us know what you think about it.

AjaxDataControls on Ajaxian

Sonu — Wed, 13 Feb 2008 15:32:00 GMT

I am happy to see that ADC got mentioned on Ajaxian.com (see here). Kazi and the other team members have been working very hard on the v1.0 release and I personally think that these are very robust components. I have been using them for a while without any problems. Why don't you try it and let us know what you think about it? We would love to hear some feedback from you guys.

AjaxDataControls v1.0 Goes Live

Sonu — Mon, 14 Jan 2008 14:35:00 GMT

As Kazi mentioned on his blog, we are finally live with the first release (1.0) of ADC. A big thanks goes to Kazi for creating these nice and easy to use controls along with all those fancy ajax features. I would also like to thank the developers and members that have submitted bug reports, fixes and suggestions to us. I strongly recommend the ADC. I have been using it for a while for an internal project and they work very nice - the learning curve is 0% if you have already worked with the standard Gridview, Repeater, Datalist controls.

You can download the first release from here:
http://www.codeplex.com/AjaxDataControls/Release/ProjectReleases.aspx?ReleaseId=8312

Kazi's blog post with some screenshots:
http://weblogs.asp.net/rashid/archive/2008/01/14/ajaxdatacontrols-v1-0-goes-live.aspx

Some live examples on DotNetSlackers:
http://dotnetslackers.com/projects/AjaxDataControls

DotNetSlackers to be at MIX08

Sonu — Thu, 10 Jan 2008 03:00:00 GMT

DotNetSlackers is proud to announce that it'll be a sponsor at MIX08 - so don't be surprised if you see DNS logos and handouts at the conference. This marks our second year of sponsorship for the event which has been one of the most successful and talked-about Microsoft conferences. MIX08 also provides authors and bloggers with a number of new topics to write about.

Have a look at their website and the provided sessions: http://visitmix.com/2008/default.aspx

Visual Studio Team System 2008 Team Suite

Sonu — Mon, 19 Nov 2007 15:17:00 GMT

In the case you missed it :) Visual Studio Team System 2008 Team Suite is available and can be downloaded from the MSDN, although I am sure that the download rate isn't going to be good for the first few days.

ELMAH - Error Logging Modules And Handlers

Sonu — Fri, 16 Nov 2007 14:53:00 GMT

Simone Busoli, published a nice article on DotNetSlackers showing a detailed overview of the ELMAH open source project. ELMAH is a module that you can plugin into your existing ASP.NET application to log errors either in SQL, Memory, SQLLite (also written by Simone) etc.. ELMAH has been around for a while and I use it almost on all of my projects. If you are not familar with it, I strongly suggest you try it out. Here is a snipp from the homepage of ELMAH:

ELMAH (Error Logging Modules and Handlers) is an application-wide error logging facility that is completely pluggable. It can be dynamically added to a running ASP.NET web application, or even all ASP.NET web applications on a machine, without any need for re-compilation or re-deployment.