Tajuddin's Blog » Tajuddin's Blog

Comparing span text in jquery and asp.net

tajuddin — Wed, 07 Mar 2012 05:25:11 +0000

This post has 458 words. It will take approximately 4 minutes, 34 secondes for reading it.

Recently in one of my web application I wanted to disable a button depending on the value in html span. Basically my idea is to enable and disable publish button in my web application depending on span text value.

In this asp.net web application, user update information as required then click on apply change button. Apply change button update the record in MS Sql server database also change the publish flag to No. Now user will be able to see a publish button, this button event basically publish data in external source. When user click on publish data button this will push the data into external server and update the record matching with the primary key. It will also update the local database record only changed the flag to Yes so that user would not able to publish this record again unless they do any other changes.

Here is the html code for span text -


Sync Status:

Sync Status:

Important!

This post has 32 words. It will take approximately 19 secondes for reading it.

I have stripped out all the other html code just to focus on this example. You notice I am using asp label control here which renders as span field in html source.

The above label rendered the page with span tag and text of the label text value.


Sync Status: Yes

Sync Status:	Yes

Here is my jQuery script to grab the span value and set the button property.

Now when the span text is Yes the button get disabled and for anything else it is enabled.

This is the working screen shot -

Databind in checkbox list in ASP.NET

tajuddin — Tue, 28 Feb 2012 03:20:24 +0000

This post has 2076 words. It will take approximately 20 minutes, 45 secondes for reading it.

Checkbox list does not support multiple databind. To be a bit clearer, it does not support databind for multi select in checkbox list. It only stores one entry from the checkbox list.

In one of my recent project I had to implement checkbox list where user can tick multiple checkboxes and store them into the database table. In this project I was using SQL server express database and storing the data using the data in colon (:) delimited value so that I can push the data back into Oracle database to use this in Oracle APEX application. You can store your data whatever fashion you want to save in. In oracle APEX application it is an in build feature where you can bind data dynamically in checkbox list. Unfortunately you can not do this in ASP.NET.

Lets start the task, I have used SqlDataSource for database operation in this example and connection string pulled from web.config file. Here is my SqlDataSource structure -

In the above sqldatasource I am actually using a query string to fetch data in a Formview. User can update or change record if they want to. Now here is my formview structure -


        

        
        Record Id: 
Site Id: 
Site Name: 
Site Type: 
    
    

        
Status: 
            
            
            
            

            
        
Primary function: 
    
    

    

Longitude: 
        Latitude: 
        Fee Type: 
            
                No Fees
                Boat Tour
                Park Entry
                Camping
                Caving
                Site Entry

            
        
        Access Type: 
            Bicycle
            Bus
            Canoe
            Car
            Caravan
            Fixed Wing Aircraft
            Foot
            Four Wheel Drive
            Helicopter
            Horse
            Power Boat
            Sail Boat
            Trail Bike
             
Created on: 
Last updated: 
Created on: 
Created on: 
Created on:

Record Id:
Site Id:
Site Name:
Site Type:
Status:
Primary function:
Longitude:
Latitude:
Fee Type:	No Fees Boat Tour Park Entry Camping Caving Site Entry
Access Type:	Bicycle Bus Canoe Car Caravan Fixed Wing Aircraft Foot Four Wheel Drive Helicopter Horse Power Boat Sail Boat Trail Bike
Created on:
Last updated:
Created on:
Created on:
Created on:

Now in the above formview I also have couple of dynamic dropdown list populated from database table. Hope it is easy to understand. If you look at the above code closely, you will notice I have binded data in all textbox and dropdown list controls however I did not bind data in checkbox list control at this stage.

Lets start first bind the data dynamically in those checkboxes. So I want to bind data on formview databound event. To retrieve the value from database for these checkboxes I have created a few labels to fetch the data. I also have set the visible property to false so that they are not visible to user.

Now the aim is to grab the value from these label controls and split them into arrays then fetch the data into checkbox list control .

In VB -

Protected Sub FormView1_DataBound(sender As Object, e As System.EventArgs) Handles FormView1.DataBound
        'access the checkbox list control in Formview
        Dim c As CheckBoxList = CType(FormView1.FindControl("chkFeeType"), CheckBoxList)
         'access the Label control in Formview
        Dim feeType As Label = CType(FormView1.FindControl("lblFeetype"), Label)
        'get the value of label field
        Dim rawVal As String = feeType.Text

        'create an array using split
        Dim str As String() = rawVal.Split(":"c)

        'loop through the array and bind to checkbox list
        For i As Integer = 0 To c.Items.Count - 1
            If str.Contains(c.Items(i).Value) Then
                c.Items(i).Selected = True
            End If
        Next

    End Sub

In C# -

FormView1_DataBound(object sender, System.EventArgs e)
{
	//access the checkbox list control in Formview
	CheckBoxList c = (CheckBoxList)FormView1.FindControl("chkFeeType");
	//access the Label control in Formview
	Label feeType = (Label)FormView1.FindControl("lblFeetype");
	//get the value of label field
	string rawVal = feeType.Text;

	//create an array using split
	string[] str = rawVal.Split(':');

	//loop through the array and bind to checkbox list
	for (int i = 0; i <= c.Items.Count - 1; i++) {
		if (str.Contains(c.Items(i).Value)) {
			c.Items(i).Selected = true;
		}
	}

}

Warning!

This post has 30 words. It will take approximately 18 secondes for reading it.

I have omitted some codes here, just wanted to show one example how to fetch checkbox list dynamically. Follow the same procedure if you have multiple checkbox list like mine.

Here is the screen shot when data fetched in checkboxes -

CheckBoxList

You can see in the above screen data are nicely fetched in CheckboxList. Now the question is how can I update the data when user tick or un-tick any of those check boxes. Well to do this I had to create a custom function and event and call that in page load to bind update parameters in sqldatasource.

Lets look at the function first, this function basically grab the value from checkboxlist and combine them together in whatever format I want.

In VB -

Private Function GetStringFromCheckBoxList(ByVal chk As CheckBoxList) As String

        Dim strTemp As String = String.Empty

        For Each lst As ListItem In chk.Items
            If lst.Selected Then
                strTemp = strTemp & lst.Value & ":"
            End If
        Next

        Return strTemp.Trim(":")

    End Function

In C# -

private string GetStringFromCheckBoxList(CheckBoxList chk)
{

	string strTemp = string.Empty;

	foreach (ListItem lst in chk.Items) {
		if (lst.Selected) {
			strTemp = strTemp + lst.Value + ":";
		}
	}

	return strTemp.Trim(":");

}

The above function basically grabbing the selected value from checkbox list and return as string with colon(:) separated value. Now I got the the string value and I have to update the database column. Here is my code on page load -

In VB -

Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load
        'access the checkbox lists in FormView control
        Dim chkBox As CheckBoxList = CType(FormView1.FindControl("chkFeeType"), CheckBoxList)
        Dim chkAccess As CheckBoxList = CType(FormView1.FindControl("chkAccessType"), CheckBoxList)
        Dim chkSite As CheckBoxList = CType(FormView1.FindControl("chkSiteType"), CheckBoxList)
        If Me.IsPostBack Then

            'collect and format the checkbox list values and set to string variable
            Dim st As String = GetStringFromCheckBoxList(chkBox)
            Dim ac As String = GetStringFromCheckBoxList(chkAccess)
            Dim sit As String = GetStringFromCheckBoxList(chkSite)

            'assign update parameter values here to update database
            dsImported.UpdateParameters.Add("fee_type", st)
            dsImported.UpdateParameters.Add("access_type", ac)
            dsImported.UpdateParameters.Add("sit_type", sit)
        End If

    End Sub

In C# -

Page_Load(object sender, System.EventArgs e)
{
	//access the checkbox lists in FormView control
	CheckBoxList chkBox = (CheckBoxList)FormView1.FindControl("chkFeeType");
	CheckBoxList chkAccess = (CheckBoxList)FormView1.FindControl("chkAccessType");
	CheckBoxList chkSite = (CheckBoxList)FormView1.FindControl("chkSiteType");

	if (this.IsPostBack) {
		//collect and format the checkbox list values and set to string variable
		string st = GetStringFromCheckBoxList(chkBox);
		string ac = GetStringFromCheckBoxList(chkAccess);
		string sit = GetStringFromCheckBoxList(chkSite);

		//assign update parameter values here to update database
		dsImported.UpdateParameters.Add("fee_type", st);
		dsImported.UpdateParameters.Add("access_type", ac);
		dsImported.UpdateParameters.Add("sit_type", sit);
	}

}

Now here is your fully functional checkbox list databind in very simple and easy way. Let me know if you have any problem or issue implementing this. Good luck

Calling webservice in Ajax using jQuery in ASP.NET

tajuddin — Thu, 23 Feb 2012 08:10:23 +0000

This post has 731 words. It will take approximately 7 minutes, 18 secondes for reading it.

In this example I have shown how to call a web-service using jQuery AJAX. For instance I wanted to load some addition information or external information in my website using web-service and Ajax call. If you do not know how to create a web-service then you open your website in Visual Web Developer 2005/2008/2010 right click on the root directory in file browsing (explorer) window and click on add new item. Select web-service from the suggested list and name it whatever you like. Usually it places the code file in APP_CODE folder. I have created a simple web-service called myService.asmx, here is my code -

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;

/// 
/// Summary description for myService
/// 
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.
[System.Web.Script.Services.ScriptService]
public class myService : System.Web.Services.WebService {

    public myService () {

        //Uncomment the following line if using designed components
        //InitializeComponent();
    }

    [WebMethod]
    public string cityWeather(string city)
    {

        if (city=="Dhaka")
            return "City: " + city + "- Sunny. This is the time to go out and have fun. fsd";
        else
        return
            "City:" + city + "- Cloudy";

    }

}

The purpose of this web-service to display some information depending on user input in URL query string. Basically the URL will include a city name and web-service will display the weather information for that city. I have tried to make this simple to understand.

Once my web-service is ready, I have called the web service from aspx page using jQuery Ajax. First include the jquery script in the header section of your aspx page. If you don’t have jquery file then you can download it from jQuery website.







AJAX call using jQuery in ASP.NET

To grab the query string parameter I had write a javascript function, you might do it in different way. I have used only java to accomplish this functionality.

        // Read a page's GET URL variables and return them as an associative array.
        function getUrlVars() {
            var vars = [], hash;
            var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
            for (var i = 0; i < hashes.length; i++) {
                hash = hashes[i].split('=');
                vars.push(hash[0]);
                vars[hash[0]] = hash[1];
            }
            return vars;
        }

Here is the code of AJAX call in my aspx page -

var ct=getUrlVars()["name"] ;

        $.ajax({
            url: "services/myService.asmx/cityWeather",
            dataType: "html", // data type can have text
            type: "post",
            data: { city: ct },
            error: function (err) {
                alert("Error: " + err.toString());
            },
            success: function (data) {
                $("#cityWeather").html(data);
            },
            async: false,
            timeout: 2000

        });

In the jQuery ajax call, I am calling the cityWeather function from myService.asmx page using URL parameter name.

I also have a html div to display or load the content. Here is the div code -

Well so far so good and working well. I thought it would be nice to display a loading image when content is loading. Depending on the length of the content and source of the content it might take a few seconds to load. To give better user experience here is what I have done, I have included a loading gif file while content loading.

The sreen looks like this-

Web-service Call

Fancybox in APEX dynamic report

tajuddin — Thu, 09 Feb 2012 04:59:23 +0000

This post has 493 words. It will take approximately 4 minutes, 55 secondes for reading it.

Using fancybox in Oracle Application Express (APEX) can increase the page load performance specially when You have lot of items in one page and user needs to scroll down to reach the bottom which is quite annoying for some users. You can split your long page scrolling content into few pages and use link to open these additional information on demand using fancy box. So you are not leaving the main page but you can still access additional resources if you want to. It is working so good so far for me. Read my previous article if you do not know how to implement fancybox in APEX.

Now when it comes to the point where I wanted to implement fancybox in APEX dynamic report. Basically what I am trying to do in my report is – provide URL link for relevant image and display the image in fancybox when user click on it.

It works good when I load the page and rendered the report with the following code -

The fancybox functionality breaks when partial post back happened into the page. So when I want to do column sorting or perform any other action in dynamic report fancybox link does not work. I understand that because my function only called once on document ready and it does not work for partial page load. Here is the screen capture of my report.

I have used custom SQL report query for URL link column. Here is the sample if you want to know how -

SELECT F.FAC_ID,
       F.FAC_TYPE,
       F.LOCATION,
       F.FAC_ASSET_DESC "Description",
       F.FAC_ASSET_NO "Asset No",
       F.FAC_ASSET_CONDITION "Condition",
       F.FAC_REPLACEMENT_COST "Initial Cost",
       F.REPLACEMENT_COST_TODAY "Todays Cost",
       F.FAC_LATITUDE_DEC "Latitude",
       F.FAC_LONGITUDE_DEC "Longitude",
       CASE
          WHEN fil.fil_id IS NOT NULL
          THEN
                'View Image'
          ELSE
             'No image'
       END
          Image
  FROM FACILITIES F, BUILDINGS B, FILES FIL
 WHERE     F.FAC_ID = B.FAC_ID(+)
       AND F.FAC_TYPE = 'BUILDING'
       AND FIL.SOURCE_ID(+) = F.FAC_ID

Now I have changed my javascript to use without document ready function. Here is the code -

Call this function in the report dynamically in onClick event.

CASE
          WHEN fil.fil_id IS NOT NULL
          THEN
                'View Image'
          ELSE
             'No image'
       END
          Image

It works fine in IE but I am not sure about FireFox.

Implementing fancybox in oracle APEX application

tajuddin — Wed, 01 Feb 2012 06:13:30 +0000

This post has 851 words. It will take approximately 8 minutes, 30 secondes for reading it.

Recently in one of my application I have implemented Fancybox to give better user experience. I guess this is quite useful when you have too many items in one page and user has to scroll down to view details in the page. This will give better user experience hiding extra stuff from the page and make it available on demand or request.

I wanted to implement this functionality because in my relational database I have a master table which holds most of the common fields and I have created some child tables for store extra information for different types of assets e.g. furniture, building, structure etc. Instead of sending user to different page to enter additional information, I wanted to give a bit flexibility so that user will be in the same page and they can enter details of specific asset information in fancy popup window if they want to. It will also give a bit better experience in terms of page load as it will load only necessary fields. The page looks like this -

First of all, you have to download the script from http://fancybox.net and Once you downloaded zip file, extract it where ever the location you like.

Copy only these three files – jquery.fancybox-1.3.4.css, jquery.fancybox-1.3.4.pack.js, fancybox.png and place into your APEX application image directory. Assuming you already have jQuery js file included in the template if not then include the jQuery js file as well. Here is my APEX image directory, I have used theme folder to store this files and make sure all files in the same location so that css file can find the image for fancybox style.

File location

Now, edit the page template to include these js and css files. I have used global template to load those files as I want to use them from various pages however you can load or call this files from specific page. Click on the edit page link in the page where you want to implement this functionality.

Edit page

Include the following script in the head section of the template, see the image below.

Here is the screen shot.

Main Template

Once you done with the template, click on apply changes button. Now include the anchor into the page, I wanted to include this in facility details page. I have used dynamic parameters in the link to set the value dynamically.

&APP_ID. – get the application id

&P3_DEST_PAGE. – this is the page number that I want to send, get this value from the page item

&SESSION. and &DEBUG. – include the session and debug in the url

Set 5_AST_ID value with &P3_AST_ID value.

Building Details

Here is the screen shot -

Anchor Code

Include the following javascript in the header section of this region.

$(document).ready(function () {

$("#assetLink").fancybox({
				'width'			: '60%',
				'height'		: '70%',
				'autoScale'		: true,
				'transitionIn'		: 200,
				'transitionOut'	        : 200,
				'type'			: 'iframe'
			});
 });



Here is the screen capture -

JavaScript

Well, now it is time for testing. Click on apply changes and see if the fancybox pop-up. So far so good. Now this anchor link does not looking so good for me, I want to give it like a button style look and feel. I have wrote the style for this anchor and placed this into the head section. Here is the style code -

The screen capture -

CSS CODE

This is looking better now, here is the screen looks like -

Page with link

Now, I can see it is all working good but I do not want to display the link when entering new record. So I have to write some javascript to do this -

// get the value of the primary key
var dl = $('#P3_FAC_ID').val();
if (dl.length===0)
{
      $('#assetLink').hide();
}

Get the value of the primary key in the page and set the visibility of the link accordingly.

Let me know if you have any problem with instruction and implement.

Hide checkbox group in APEX using jQuery

tajuddin — Tue, 24 Jan 2012 06:46:33 +0000

This post has 611 words. It will take approximately 6 minutes, 6 secondes for reading it.

In Oracle APEX I wanted to show and hide a check box group depending on the value of another text-field. I guess it is quite handy when you want to hide irrelevant fields from the page and when you have too many fields to avoid scrolling. This feature may also give good user experience. I am assuming you already have some knowledge about jQuery and know a little of it. For details please visit http://jquery.com

To do this I have used jQuery and did a bit hack in APEX html code. In this scenario, I have Revised Cost field and Reason for revision check boxes. Now I do not want to display the check boxes unless Revised Cost field is not empty and when user click on that field to enter data. Here is the screen capture of my page -

APEX Page

Important!

This post has 22 words. It will take approximately 13 secondes for reading it.

I am actually using APEX 3.2 for this exercise. I am sure you could do it much more easier way in APEX 4.x.

Once the page is rendered, view the source code of the page. You can right click on the middle of screen and click on view source in Internet Explorer. In FireFox just right click on the middle of the page then click on view page source.

Now I am looking for the relevant html code for these fields. The code will look like this -


    
    
    
        Reason for revision:
    
        Initial cost is unknown

        New asset will have different design or materials

        Today's cost was inaccurate

Now examine the above code, all the check boxes are inside the fieldset. I can actually hide the whole field set instead of individual check boxes. You can hide individual check boxes if you want. I also have to hide the relevant label to hide/show based on the value of the text field.

Place the following javascript in the header section or footer section of the page -

The page in action now -

But when the field has some values, it does not hide any more -

Counting record and sorting with fiscal month in APEX chart

tajuddin — Tue, 17 Jan 2012 05:32:57 +0000

This post has 643 words. It will take approximately 6 minutes, 25 secondes for reading it.

Recently in one of my project that built in Oracle APEX. This is basically a Change Request System (CRS) built in APEX to submit or log any change request by system users for other corporate systems. It was working quite well with the notification and reporting. When user submit a new request I get an email notification and then I access to the CRS to review and action the request. User who originally posted the request get notified every time I do changes in the request log and get update about the progress of the request.

I thought it will be good to have some sort of summary report with chart to see how many calls logged each month and how much change we do in the system. Started to create a new page with chart and scripted my simple query in TOAD first to make sure the script written correctly. Here is my initial script to implement chart -

-- To count records for each month
SELECT NULL Link, TO_CHAR (create_date, 'MON/YY') AS "Month", COUNT (*) AS "No of records"
    FROM RT_RFC
GROUP BY TO_CHAR (create_date, 'MON/YY')
ORDER BY TO_CHAR (create_date, 'MON/YY')

The query works well in TOAD and I have carried over the script to my APEX page. Here is what I get output from my chart.

APEX Flash Chart

Ops! I did not realize that the chart was not rendering months according to fiscal year instead it was rendering alphanumerically. Actually it was doing the same in TOAD but I did not notice in first instance. This is not going to help and I can see why it was sorting alphanumerically because I was converting date to char (string) .

I have tried different approach using trunc() and it works fine APEX standard report however I had set the column format to month in the report column heading to ‘Month’ . Here is the truncate statement -

 SELECT NULL link, TRUNC (create_date, 'MONTH') AS "Month", COUNT (*)
    FROM rtt_rfc
GROUP BY TRUNC (create_date, 'MONTH')

When I have implemented this code in Chat control it was displaying ’1-MAY-2010′ which is what I do not want to display like. I want to display only Month name. Here is what I got with this script -

Flash Chart in APEX

As you can see I have change the rotation to display the month in 45 degree rotation but unfortunately I could not find any way to format the month field to display only month. I had to think for alternate solution.

Ok, I suddenly thought how about if I use case statement to achieve this. Here is what I have done -

SELECT NULL link,
         CASE
            WHEN TO_CHAR (create_date, 'MM') = 1 THEN 'JAN'
            WHEN TO_CHAR (create_date, 'MM') = 2 THEN 'FEB'
            WHEN TO_CHAR (create_date, 'MM') = 3 THEN 'MAR'
            WHEN TO_CHAR (create_date, 'MM') = 4 THEN 'APR'
            WHEN TO_CHAR (create_date, 'MM') = 5 THEN 'MAY'
            WHEN TO_CHAR (create_date, 'MM') = 6 THEN 'JUN'
            WHEN TO_CHAR (create_date, 'MM') = 7 THEN 'JUL'
            WHEN TO_CHAR (create_date, 'MM') = 8 THEN 'AUG'
            WHEN TO_CHAR (create_date, 'MM') = 9 THEN 'SEP'
            WHEN TO_CHAR (create_date, 'MM') = 10 THEN 'OCT'
            WHEN TO_CHAR (create_date, 'MM') = 11 THEN 'NOV'
            WHEN TO_CHAR (create_date, 'MM') = 12 THEN 'DEC'
         END
            "MONTH",
         COUNT (*) AS "No of Request"
    FROM rtt_rfc
GROUP BY TO_CHAR (create_date, 'MM')
ORDER BY TO_CHAR (create_date, 'MM')

Hmm, it is looking good in TOAD when ran the query and doing exactly what I wanted to do. Now I took the query into the chart report. Here is what I got -

Wow! it is working perfect now. Hope this will help someone to play around with date field.

Implementing AJAX keyword search from database table

tajuddin — Thu, 12 Jan 2012 06:49:29 +0000

This post has 698 words. It will take approximately 6 minutes, 58 secondes for reading it.

In this exercise, I will demonstrate how to implement a simple keyword search in MS SQL Server database using textbox and gridview control in Asp.NET AJAX technology. Most of the websites now use AJAX technology to avoid the full postback and better user experience. It is wonderful, personally I love it. To begin with this exercise I assume you have a SQL Express or SQL Server database installed. I will use global connection string from web.config file. The connection string in my web config file pointing the SQL Express database located in App_Data folder. Here is the connection string -

Now, in the default.aspx page. I have created a textbox control and a submit button to trigger the query when something entered in the input textbox. I also have created a simple validation control and validation summary control to force user to type anything in the textbox before submitting the page on button click. I also have created a gridview control to display the query data. In this exercise I have not selected any specific column in the gridview control so that it will display all columns from the source table.Here is what I have done -

      

         



Enter employee last name and click on submit button to search. You can enter a few letters of the employee last name to search.

Last Name: 
*
             

Display result here.

Important!

This post has 17 words. It will take approximately 10 secondes for reading it.

Note, inside update progress template I am using an image to display while fetching the gridview result.

Now I have to create an event for submit button. I have created an event handler for submit button so that it will be triggered when button is clicked by user. It is very simple event here, I have indicated the datasource for Gridview control and then bind data. When button is clicked, dataSourceID gets select parameter value from the textbox control and refine the search accordingly.

Protected Sub btnSubmit_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnSubmit.Click         

	'selecting the datasource for gridview1 on button click event
	GridView1.DataSource = dsEmployee
	'Bind data to gridview
	GridView1.DataBind()
End Sub

I have saved the page, and right click on the default.aspx page, click on view in browser. Here you got a simple ajax keyword search engine. Type a latter of a name and click on submit button it will display all the records starting the last name with that letter.

You can also bind the the specific column/s to the gridview if you do not want to display all records from the table. Make sure you have set the AutoGenerateColumns to false in Gridview like below -

Rename files in file directory using asp.net

tajuddin — Tue, 10 Jan 2012 05:00:28 +0000

This post has 280 words. It will take approximately 2 minutes, 48 secondes for reading it.

In this example of I will show how to rename all the files in a directory using asp.net. Sometimes you may have thousands of photos that require to rename or add extention at the end the file name. I have used very simple script to rename all the files in a folder with button click event.

First I have inserted a button in my default.aspx page and named that btnRename. In this example I want to add .gif extention with all the files in that folder as currently those files does not have any extention. For the onClick event of that button I have included the following script -

VB Code:

Protected Sub btnRename_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnRename.Click
        Dim source As String
        Dim i As String = 0

        'Folder to rename files
        source = Server.MapPath("~/test/")

        For Each fName As String In Directory.GetFiles(source)
            Dim dFile As String = String.Empty
            dFile = Path.GetFileName(fName)
            Dim dFilePath As String = String.Empty
            dFilePath = source + dFile
            Dim fi As New FileInfo(dFilePath)
            fi.MoveTo(source + dFile + ".gif") 'adding extention .gif with the actual file name

        Next
        i = Nothing

    End Sub

If you are using C# then make sure you include onClick event for the specified button -

protected void btnRename_Click(object sender, System.EventArgs e)
{
    string source = null;
    string i = 0;

    //Folder to rename files
    source = Server.MapPath("~/test/");

    foreach (string fName in Directory.GetFiles(source)) {
        string dFile = string.Empty;
        dFile = Path.GetFileName(fName);
        string dFilePath = string.Empty;
        dFilePath = source + dFile;
        FileInfo fi = new FileInfo(dFilePath);
            //adding extention .gif with the actual file name
        fi.MoveTo(source + dFile + ".gif");
    }

    i = null;
}

Installing ASP.NET Membership Schema in SQL Server 2005/2008

tajuddin — Tue, 10 Jan 2012 04:38:09 +0000

This post has 572 words. It will take approximately 5 minutes, 43 secondes for reading it.

Before starting this tutorial, assuming that you have installed SQL Server 2005 or SQL server 2008 installed in your local machine. If you have not installed either one of those you can download a trial version from http://www.microsoft.com/sql website. However you can install the ASP.NET membership schema in SQL Express database as well.

Varify SQL Server Database installation

Once you have installed the SQL Server 2005 or 2008, restart your computer and open SQL Sever Management Studio (this is a UI tool which allows user to interact with the database easily). In the database explorer section, expand databases and you will see if there is any existing database. Right click on databases and click on new database, follow the prompt to create a new database.

Once you created a blank database, you need to install ASP.NET membership schema to allow users to login to your website and register a new account and so on. It is very straight forward to install when you have microsoft .NET framework installed in your computer. To install ASP.NET membership schema browse the following location -

C:\WINDOWS\Microsoft.NET\Framework
It shows all the framework version installed in your computer. Following image shows what it looks like. Double click on v2.0.50727 folder -

ASP.NET Frameworks

Find the executable file called – aspnet_regsql.exe and double click on it.

ASP.NET Membership registration file

It will open up the wizard and follow the on screen prompt to install asp.net membership schema in your desired database. Make sure your server address is correct and database is selected from the dropdown list. Once you installed the ASP.NET membership Schema, you can check it in the database explorer using SQL Server Management Studio tool. You will see all the membership tables and procedures are created, those tables has prefix with aspnet_ -

ASP.NET Membership Schema

Configure ASP.NET Website

Once you have installed ASP.NET membership schema, you are ready to go implementing the membership option in your website. You can just drag and drop any membership controls from login control in the toolbox. Before you start this you have to modify the connection string in web.config file so that it will direct the request to appropriate database. See the following image -

You can use windows integrated security for database connection string -

You can also use custom membership provider in web.config file -

Hope this will give you basic understanding how to install asp.net member schema in SQL Server 2005 or 2008.

There is an automated process comes with Visual Web Developer 2010. It will automatically creates the membership schema on you drag a membership control in the website and run the website. By default it uses the database file directory APP_DATA folder to store the database.