Naveen Jose

Ajax Captcha

naveenj — Mon, 09 Jun 2008 08:59:19 +0000

<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”AjaxCaptcha.aspx.cs” Inherits=”AjaxCaptcha” %>

Ajax Captcha

Nested GridView with JS

naveenj — Thu, 31 Jan 2008 07:19:35 +0000

Nested GridView with JS

Nested GridView

Create two tables Customers and Orders with the relationship field (Foreign Key) “CustomerID”.
P.S Dont forget to find two images appropriate images

Images arrowright arrowdown

Image from DB as ToolTip in GridView(IE only)

naveenj — Wed, 09 Jan 2008 10:33:38 +0000

Image from DB as ToolTip in GridView(IE only)

In ASPX

Untitled Page

In ASPX.CS

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
bind();
}

private void bind()
{
DataTable table = new DataTable();
table.Columns.Add(“booktitle”);
table.Columns.Add(“tooltip”);

DataRow dr = table.NewRow();
dr["booktitle"] = “aaaaa”;
dr["tooltip"] = “AJAX.gif”;
table.Rows.Add(dr);

dr = table.NewRow();
dr["booktitle"] = “sheldon”;
dr["tooltip"] = “Image/sheldon.jpg”;
table.Rows.Add(dr);

dr = table.NewRow();
dr["booktitle"] = “archer”;
dr["tooltip"] = “Image/archer.jpg”;
table.Rows.Add(dr);

dr = table.NewRow();
dr["booktitle"] = “click”;
dr["tooltip"] = “Image/click.jpg”;
table.Rows.Add(dr);

this.GridView1.DataSource = table;
GridView1.DataBind();
}

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
DataRowView drv = ((DataRowView)e.Row.DataItem);
string path = drv["tooltip"].ToString();
e.Row.Attributes.Add(“onmouseover”, “DisplayToolTip(this,’” + path + “‘)”);
e.Row.Attributes.Add(“onmouseout”, “HideToolTip()”);
}
}

To Display Image thats stored as Type Image in DB

naveenj — Wed, 09 Jan 2008 08:07:52 +0000

To Display Image thats stored as Type Image in DB

ASPX Page

Untitled Page

In Handler.ashx

<%@ WebHandler Language=”C#” Class=”Handler” %>

using System;
using System.Web;
using System.Configuration;
using System.Data;
using System.Data.SqlClient;

public class Handler : IHttpHandler
{

public bool IsReusable
{
get {return false;}
}
public void ProcessRequest(HttpContext context)
{
SqlConnection myConnection = new SqlConnection(ConfigurationManager.ConnectionStrings["LoginCon"].ConnectionString);
myConnection.Open();
//here field img_data is the content of the image (type image in DB)
//field img_contenttype is the type of the image (optional)
string sql = “Select img_data,img_contenttype from Images where img_id=@ImageId”;
SqlCommand cmd = new SqlCommand(sql, myConnection);
cmd.Parameters.Add(“@ImageId”, SqlDbType.Int).Value = context.Request.QueryString["id"];
cmd.Prepare();
SqlDataReader dr = cmd.ExecuteReader();
dr.Read();
context.Response.ContentType = dr["img_contenttype"].ToString();
context.Response.BinaryWrite((byte[])dr["img_data"]);
}

}

Flip DataSet

naveenj — Fri, 04 Jan 2008 09:42:38 +0000

public DataSet FlipDataSet(DataSet my_DataSet)
{
DataSet ds = new DataSet();
foreach (DataTable dt in my_DataSet.Tables)
{
DataTable table = new DataTable();
for (int i = 0; i <= dt.Rows.Count; i++)
{
table.Columns.Add(Convert.ToString(i));
}
DataRow r = null;
for (int k = 0; k < dt.Columns.Count; k++)
{
r = table.NewRow();
r[0] = dt.Columns[k].ToString();
for (int j = 1; j <= dt.Rows.Count; j++)
r[j] = dt.Rows[j - 1][k];
table.Rows.Add(r);
}

ds.Tables.Add(table);
}
return ds;
}

Trim Function in JavaScript

naveenj — Wed, 26 Dec 2007 06:00:18 +0000

function trim(stringToTrim)
{
return stringToTrim.replace(/^\s+|\s+$/g,”");
}

Bind GridView with XML

naveenj — Fri, 21 Dec 2007 09:44:49 +0000

XML File

1
Lemons
Yellow

2
Grape
White

3
Grape
Black

4
Banana
Yellow

ASPX Page

AutoGenerateColumns=”false”
DataKeyNames=”id”
DataSourceID=”XmlDataSource1″
Width=”60%”
OnRowCancelingEdit=”GridView1_RowCancelingEdit”
OnRowEditing=”GridView1_RowEditing”
OnRowUpdating=”GridView1_RowUpdating”
OnRowDeleting=”GridView1_RowDeleting”>

Text=”Edit”
CommandName=”Edit”>

Text=”Delete”
CommandName=”Delete”>

Text=”Update”
CommandName=”Update”>

Text=”Cancel”
CommandName=”Cancel”>

Text=’<%# XPathBinder.Eval(Container.DataItem, “fid”)%>’>

Text=’<%# XPathBinder.Eval(Container.DataItem, “fid”)%>’>

Text=’<%# XPathBinder.Eval(Container.DataItem, “fname”)%>’>

Text=’<%# XPathBinder.Eval(Container.DataItem, “fname”)%>’>

Text=’<%# XPathBinder.Eval(Container.DataItem, “fcolor”)%>’>

Text=’<%# XPathBinder.Eval(Container.DataItem, “fcolor”)%>’>

DataFile=”~/App_Data/myData.xml”
XPath= “root/fruit”>

ASPX.CS

#region “GridView Events”

#region “Edit Events”

#region “Row Editing Event”

protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)
{
GridView1.EditIndex = e.NewEditIndex;
GridView1.DataBind();
}

#endregion

#region “Row Updating Event”

protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
string myID = GridView1.DataKeys[e.RowIndex].Value.ToString();
string fruitID = ((TextBox)GridView1.Rows[e.RowIndex].FindControl(“txtID”)).Text;
string fruitName = ((TextBox)GridView1.Rows[e.RowIndex].FindControl(“txtName”)).Text;
string fruitColor = ((TextBox)GridView1.Rows[e.RowIndex].FindControl(“txtColor”)).Text;
XmlDocument xmlDoc = XmlDataSource1.GetXmlDocument();
XmlNodeList nodeList = xmlDoc.SelectNodes(“root/fruit[@id='" + myID + "']“);
nodeList[0].ChildNodes[0].InnerText = fruitID;
nodeList[0].ChildNodes[1].InnerText = fruitName;
nodeList[0].ChildNodes[2].InnerText = fruitColor;
//xmlDoc.Save(Server.MapPath(“./”)+”/App_Data/hi.xml”);
XmlDataSource1.Save();
GridView1.EditIndex = -1;
e.Cancel = true;
GridView1.DataBind();
}

#endregion

#region “Row Cancelling Edit Event”

protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
{
GridView1.EditIndex = -1;
GridView1.DataBind();

}

#endregion

#region “Deleting Events”

protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
{
System.Xml.XmlDocument Document = XmlDataSource1.GetXmlDocument();
string myID = GridView1.DataKeys[e.RowIndex].Value.ToString();
System.Xml.XmlNode node = Document.SelectSingleNode(“root/fruit[@id='" + myID + "']“);
node.ParentNode.RemoveChild(node);
XmlDataSource1.Save();
e.Cancel = true;
GridView1.DataBind();
}

#endregion

Custom Paging and Sorting in a Filtered GridView

naveenj — Thu, 06 Dec 2007 12:37:52 +0000

ASPX

Untitled Page

ASPX.CS
#region “Local Variables and Declarations”

SqlParameter[] parmCountries = new SqlParameter[10];
protected static int currentPageNumber = 1;
private const int PAGE_SIZE = 10;
int parmCount = 3;
DataSet ds = new DataSet();
DataTable dt = new DataTable();

#endregion

#region “Page Load Events”

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{

}
}

#endregion

#region “Populate Button Events”

protected void btnpopulate_Click(object sender, EventArgs e)
{
currentPageNumber = 1;
BindGrid();
}

#endregion

#region “GridView Events”

protected void gvwCountries_RowDataBound(object sender, GridViewRowEventArgs e)
{
string mySortExpression = (Session["mySortExpression"] != null ? Session["mySortExpression"].ToString() : “”);
GridView gridView = (GridView)sender;
if (mySortExpression.Length > 0)
{
int cellIndex = -1;
foreach (DataControlField field in gridView.Columns)
{
if (field.SortExpression == mySortExpression)
{
cellIndex = gridView.Columns.IndexOf(field);
if (e.Row.RowType == DataControlRowType.Header)
{
string mySortDirection = (Session["mySortDirection"] != null ? Session["mySortDirection"].ToString() : “”);
e.Row.Cells[cellIndex].CssClass += (mySortDirection == “ASC” ? ” sortascheader” : ” sortdescheader”);
}
else if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Cells[cellIndex].CssClass += (e.Row.RowIndex % 2 == 0 ? ” sortaltrow” : “sortrow”);
}
break;
}
}
}
}

protected void gvwCountries_Sorting(object sender, GridViewSortEventArgs e)
{
Session["mySortExpression"] = e.SortExpression;
DataView dataView = new DataView(GetMyDataTable());
dataView.Sort = e.SortExpression + ” ” + GetSortDirection(e.SortExpression);
gvwCountries.DataSource = dataView;
gvwCountries.DataBind();
ActivatePages();
}

#endregion

#region “Custom Functions”

#region “DataBind Events”

public DataTable GetMyDataTable()
{
string strConnection = ConfigurationManager.ConnectionStrings["LoginCon"].ConnectionString;
SqlConnection myConnection = new SqlConnection(strConnection);
SqlCommand cmdUsers = new SqlCommand(“SP_GetSomeCountries”, myConnection);
cmdUsers.CommandType = CommandType.StoredProcedure;
parmCountries[0] = new SqlParameter(“@startRowIndex”, currentPageNumber);
parmCountries[1] = new SqlParameter(“@maximumRows”, PAGE_SIZE);
parmCountries[2] = new SqlParameter(“@totalRows”, SqlDbType.Int, 4);
parmCountries[2].Direction = ParameterDirection.Output;
if (txtCountries.Text.Trim() != “”)
{
parmCountries[3] = new SqlParameter(“@CountryName”, txtCountries.Text.Trim());
parmCount++;
}
for (int i = 0; i < parmCount; i++)
{
cmdUsers.Parameters.Add(parmCountries[i]);
}
SqlDataAdapter adapUsers = new SqlDataAdapter(cmdUsers);
adapUsers.Fill(dt);
Session["totalRows"] = (int)cmdUsers.Parameters["@totalRows"].Value;
return dt;
}

public void BindGrid()
{
gvwCountries.PageSize = PAGE_SIZE;
gvwCountries.DataSource = GetMyDataTable();
gvwCountries.DataBind();
if (Session["totalRows"].ToString() != “0″)
{
ActivatePages();
}
}

#endregion

#region “Custom Sorting”

protected string GetSortDirection(string sortBy)
{
string sortDir = “ASC”;
if (ViewState["sortBy"] != null)
{
string sortedBy = ViewState["sortBy"].ToString();
if (sortedBy == sortBy)
{
sortDir = ” DESC”;
ViewState["sortBy"] = null;
}
else
{
ViewState["sortBy"] = sortBy;
}
}
else
{
ViewState["sortBy"] = sortBy;
}
Session["mySortDirection"] = sortDir;
return sortDir;
}

#endregion

#region “Custom Paging”

protected void ChangePage(object sender, CommandEventArgs e)
{
Session["mySortDirection"] = “”;
Session["mySortExpression"] = “”;
Label lblTotalPages = (Label)gvwCountries.BottomPagerRow.FindControl(“lblTotalPages”);
//Label lblCurrentPage = (Label)gvwCountries.BottomPagerRow.FindControl(“lblCurrentPage”);
DropDownList ddlPage = (DropDownList)gvwCountries.BottomPagerRow.FindControl(“ddlPages”);
currentPageNumber = (e.CommandName == “Previous” ? Int32.Parse(ddlPage.SelectedItem.Text) – 1 : Int32.Parse(ddlPage.SelectedItem.Text) + 1);
Session["CurrentPageIndex"] = currentPageNumber;
BindGrid();
}

#endregion

#region “Display Pages”

public void ActivatePages()
{
GridViewRow gvrPager = gvwCountries.BottomPagerRow;
gvrPager.Visible = true;
double totalRows = Convert.ToInt32(Session["totalRows"].ToString());
LinkButton Btn_Previous = (LinkButton)gvrPager.FindControl(“Btn_Previous”);
LinkButton Btn_Next = (LinkButton)gvrPager.FindControl(“Btn_Next”);
Label lblTotalPages = (Label)gvrPager.FindControl(“lblTotalPages”);
DropDownList ddlPage = (DropDownList)gvrPager.FindControl(“ddlPages”);
//Label lblCurrentPage = (Label)gvrPager.FindControl(“lblCurrentPage”);
lblTotalPages.Text = Convert.ToString(Math.Ceiling(totalRows / PAGE_SIZE));
for (int i = 1; i <= Convert.ToInt32(lblTotalPages.Text); i++)
{
ddlPage.Items.Add(new ListItem(i.ToString()));
}
//lblCurrentPage.Text = currentPageNumber.ToString();
ddlPage.Items.FindByText(currentPageNumber.ToString()).Selected = true;
if (currentPageNumber == 1)
{
Btn_Previous.Enabled = false;
Btn_Next.Enabled = (Int32.Parse(lblTotalPages.Text) > 1 ? true : false);
}
else
{
Btn_Previous.Enabled = true;
Btn_Next.Enabled = (currentPageNumber == Int32.Parse(lblTotalPages.Text) ? false : true);
}
}

#endregion

protected void ddlPages_SelectedIndexChanged(object sender, EventArgs e)
{
DropDownList ddl =(DropDownList)sender;
currentPageNumber = Convert.ToInt32(ddl.SelectedItem.Text);
BindGrid();
}

ALTER PROCEDURE [SP_GetSomeCountries]
@startRowIndex int,
@maximumRows int,
@totalRows int OUTPUT

DECLARE @first_id int

SET @startRowIndex = (@startRowIndex – 1) * @maximumRows + 1

IF @startRowIndex = 0
SET @startRowIndex = 1

SET ROWCOUNT @startRowIndex

SELECT @first_id = countryID FROM tbl_Countries

SET ROWCOUNT @maximumRows

SELECT countryID, countryName FROM tbl_Countries WHERE
(countryID >= @first_id )
SET ROWCOUNT 0

– GEt the total rows

SELECT @totalRows = COUNT(countryID) FROM tbl_Countries

StyleSheet

.tablestyle
{
font-family: arial;
font-size: small;
border: solid 1px #7f7f7f;
}

.altrowstyle
{
background-color: #edf5ff;
}

.headerstyle th
{
background: url(img/sprite.png) repeat-x 0px 0px;
border-color: #989898 #cbcbcb #989898 #989898;
border-style: solid solid solid none;
border-width: 1px 1px 1px medium;
color: #000;
padding: 4px 5px 4px 10px;
text-align: center;
vertical-align: bottom;
}

.headerstyle th a
{
font-weight: normal;
text-decoration: none;
text-align: center;
color: #000;
display: block;
padding-right: 10px;
}

.rowstyle .sortaltrow, .altrowstyle .sortaltrow
{
background-color: #edf5ff;
}

.rowstyle .sortrow, .altrowstyle .sortrow
{
background-color: #dbeaff;
}

.rowstyle td, .altrowstyle td
{
padding: 4px 10px 4px 10px;
border-right: solid 1px #cbcbcb;
}

.headerstyle .sortascheader
{
background: url(img/sprite.png) repeat-x 0px -100px;
}

.headerstyle .sortascheader a
{
background: url(img/dt-arrow-up.png) no-repeat right 50%;
}

.headerstyle .sortdescheader
{
background: url(img/sprite.png) repeat-x 0px -100px;
}

.headerstyle .sortdescheader a
{
background: url(img/dt-arrow-dn.png) no-repeat right 50%;
}

.pagerstyle
{
background: url(img/sprite.png) repeat-x 0px 0px;
border-color: #989898 #cbcbcb #989898 #989898;
border-style: solid solid solid none;
border-width: 1px 1px 1px medium;
color: #000;
padding: 4px 5px 4px 10px;
text-align: center;
vertical-align: bottom;
}

MultiDelete in GridView

naveenj — Tue, 04 Dec 2007 05:38:38 +0000

MultiDeleting using CheckBox in ItemTemplate and DeleteButton outside GridView

In ASPX:

tr><tr><td><asp:GridView ID=”gvwCountries” runat=”server”

AutoGenerateColumns=”false”DataKeyNames=”countryID” ><Columns><asp:TemplateField>

<ItemTemplate><asp:CheckBox ID=”chkCountries” runat=”server” />ItemTemplate>asp:TemplateField>

<asp:TemplateField><ItemTemplate><asp:Label ID=”lblCountries” runat=”server” Text=’<%# Bind(“countryName”) %>‘>asp:Label>

<input id=”hdnCountryID” type=”hidden” runat=”server” value=’<%# Bind(“countryID”) %>‘ />ItemTemplate>asp:TemplateField>Columns>

asp:GridView>td>tr> table>In ASPX.CS:

string strConn = String.Empty;SqlConnection sqlConn;SqlCommand cmdCountries;SqlDataAdapter adapCountries;DataSet dsCountries = new DataSet();SqlParameter parmCountries = new SqlParameter();protected void Page_Load(object sender, EventArgs e){

if (!IsPostBack)BindGrid();}protected void btnDelete_Click(object sender, EventArgs e){bool blnFlag = false;string cScript;

foreach (GridViewRow gvr in gvwCountries.Rows){bool blnIsChecked = ((CheckBox)gvr.FindControl(“chkCountries”)).Checked;int intCountryID = Convert.ToInt32(((HtmlInputHidden)gvr.FindControl(“hdnCountryID”)).Value);if (blnIsChecked){parmCountries = new SqlParameter(“@CountryID”, intCountryID);bool mybln = ExcecuteNonquery(“SP_DeleteCountries”, parmCountries);blnFlag =

true;}}if (!blnFlag){cScript = “”;ClientScript.RegisterStartupScript(typeof(Page), “clientscript”, cScript);}BindGrid();}

protected void BindGrid(){strConn = ConfigurationManager.ConnectionStrings["LoginCon"].ToString();sqlConn = new SqlConnection(strConn);cmdCountries =

new SqlCommand(“Select * from tbl_countries”, sqlConn);adapCountries = new SqlDataAdapter(cmdCountries);adapCountries.Fill(dsCountries);gvwCountries.DataSource = dsCountries;gvwCountries.DataBind();

}

protected bool ExcecuteNonquery(string strSql, SqlParameter sqlParm){SqlConnection sqlConn = new SqlConnection(ConfigurationManager.ConnectionStrings["LoginCon"].ToString());SqlCommand cmd;try{sqlConn.Open();cmd =

new SqlCommand(strSql);cmd.Connection = sqlConn;cmd.CommandType = CommandType.StoredProcedure;cmd.Parameters.Add(sqlParm);cmd.ExecuteNonQuery();if (cmd != null) cmd.Dispose();sqlConn.Close();

return true;}catch (Exception ex){return false;}}The SP:

CREATE PROCEDURE dbo.SP_DeleteCountries(@CountryID int

)ASBEGIN DELETE FROM [tbl_Countries] where [countryID] = @CountryIDEND

close a child window and refresh the parent window

naveenj — Thu, 22 Nov 2007 08:17:30 +0000

Parent page (page_load):

string script = @“
function setSearchText(theText)
{
textBox=document.getElementById({0}).value=theText;
}
“;

this.ClientScript.RegisterClientScriptBlock(this.GetType(), “setSearchText”, string.Format(script,EncodeJsString(txtItemSearch.ClientID)),true);

Child page (the usual place..):

string script = @” if (window.opener && window.opener.setSearchText)
{
window.opener.setSearchText({0});
}
window.close();
“;

this.ClientScript.RegisterClientScriptBlock(this.GetType(), “setSearchText”, string.Format(script,EncodeJsString(row.Cells[0].Text)),true);

public static string EncodeJsString(string s)
{
    StringBuilder sb = new StringBuilder();
    sb.Append(“\”");
    foreach (char c in s)
    {
        switch (c)
        {
            case ‘\”‘:
               sb.Append(“\\\”");
                break;
            case ‘\\’:
                sb.Append(“\\\\”);
                break;
            case ‘\b’:
                sb.Append(“\\b”);
                break;
            case ‘\f’:
                sb.Append(“\\f”);
                break;
            case ‘\n’:
                sb.Append(“\\n”);
                break;
            case ‘\r’:
                sb.Append(“\\r”);
                break;
            case ‘\t’:
                sb.Append(“\\t”);
                break;
            default:
                int i = (int)c;
                if (i < 32 || i > 127)
                {
                    sb.AppendFormat(“\\u{0:X04}”, i);
                }
                else
                {
                    sb.Append(c);
                }
                break;
        }
    }
    sb.Append(“\”");

return sb.ToString();
}

Required field:
Optional field:
Captcha image:
String:

Country Name:		Text=”Populate” OnClick=”btnpopulate_Click”/>
AllowPaging=”true” AllowSorting=”true” AutoGenerateColumns=”false” OnRowDataBound=”gvwCountries_RowDataBound” OnSorting=”gvwCountries_Sorting” > No Rows to Display <%# Container.DataItemIndex %> Text = ‘<%# DataBinder.Eval(Container.DataItem, “countryName”) %>’> CommandName=”Previous” OnCommand=”ChangePage” Text=”Previous” > Page <%– –%> of CommandName=”Next” OnCommand=”ChangePage” Text=”Next” >