Friday, February 6, 2009

Link page with css file..

<-link href="style.css" rel="stylesheet" type="text/css">
  • Letak link kat atas ni dalam bahagian antara <-head> dan <-/head>
  • href = "style.css" ni kita gantikan ikut nama file css yang kita create..
So dengan ini page kita ni automatic akan link dengan file css dan kita boleh apply semua style class dalam css tersebut..

Contoh:

1. Kita ada file css nama style.css.. dan dalam file ni kita ada satu style class nama page..

/* Page */

#page {
width: 840px;
margin: 0 auto;
padding: 30px 20px 0px 20px;
background: #FFFFFF;
border-left: 10px solid #FFFFFF;
border-right: 10px solid #FFFFFF;
border-bottom: 10px solid #FFFFFF;
}

2. Then kita nak apply style yang diberi nama page ni dalam div.. Disebabkan kita dah link kan page kita dengan css file.. so kita bolehlah panggil semula style css tersebut dengan menggunakan class and nama style tersebut..

<-div class="page"> bla bla bla <-/div>

Wednesday, February 4, 2009

Reset buttons..

Example kita ada satu button Reset dekat page.. dan kita nak lepas tekan button Reset.. value dalam textBox atau labeltext atau dropdownlist akan reset menjadi kosong semula atau menjadi default value yang kita set kan....
So, caranye seperti kat bawah..

<--asp:button id="btnReset" runat="server" Text="Reset" Width="56px"
Font-Bold="True" onclick="btnClear_Click">
<--/asp:button>


dekat bahagian coding dekat Onclick Event:

private void btnClear_Click(object sender, System.EventArgs e)
{
     txtName.Text = "";    //reset textBox
     txtNRIC.Text = "";    //reset textBox
     label1.Text = "";    //reset labelText
     ddlGender.SelectedItem.Value = "Please Select";    //reset dropdownList
     ddlRace.SelectedItem.Value = "Please Select";    //reset dropdownList
}

Monday, February 2, 2009

Display Data in Repeater..

Repeater control digunakan untuk display data items dalam bentuk repeating list iaitu data berulang-ulang.. Repeater menggunakan templates. Paling kurang pun, setiap Repeater mesti ada ItemTemplates, manakala templates yang lain ialah sekadar pilihan untuk customize the appearance of the data list tersebut..
  • ItemTemplate
  • AlternatingItemTemplate
  • SeparatorTemplate
  • HeaderTemplate
  • FooterTemplate

Coding at Client Side:

<--asp:Repeater ID="Repeater1" runat="server">
     <--HeaderTemplate>
          <--div><--/div>
     <--/HeaderTemplate>
     <--ItemTemplate>
          <--div>
               <--a href="Profile.aspx?name=<%#Eval("Associate_Name")%>">
                    <--%#DataBinder.Eval(Container.DataItem, "Associate_Name")%>
               <--/a>
          <--/div>
     <--/ItemTemplate>
     <--AlternatingItemTemplate>
          <--div>
               <--a href="Profile.aspx?name=<%#Eval("Associate_Name")%>">
                    <--%#DataBinder.Eval(Container.DataItem, "Associate_Name")%>
               <--/a>
          <--/div>
     <--/AlternatingItemTemplate>
     <--FooterTemplate>
          <--div><--/div>
     <--/FooterTemplate>
<--/asp:Repeater>


Coding at Server Side:

protected void Page_Load(object sender, EventArgs e)
{
     try
     {
          if(!IsPostBack)
          {
               DataSet ds = new DataSet();
               SqlConnection con = new SqlConnection();
               con.ConnectionString = @"Data Source=klcpc292\SQLEXPRESS;" + @"Initial Catalog=FacePage; Integrated Security=SSPI;";
               con.Open();

               string query = "select Associate_Name from Associate_Profile where Associate_Role='Buddy'";

               SqlDataAdapter adap = new SqlDataAdapter(query,con);
               adap.Fill(ds);
               Repeater1.DataSource = ds.Tables[0].DefaultView;
               Repeater1.DataBind();
          }
     }
     catch(Exception ex)
     {
          Response.Write(ex.Message);
     }
}

How to use Session..

Page A:
Session["employee_name"] = LabelA.Text;

Page B:
LabelB.Text = Session["employee_name"].ToString();

** Dalam Page A, kita create satu session yang diberi nama employee_name dan kita simpan value atau maklumat daripada LabelA.Text yang terletak dalam Page A.. Nama untuk session ni boleh letak apa-apa jep nama.. Then kita bukak coding untuk Page B.. Kat dalam Page B ni kita boleh ambil semula maklumat atau value yang kita simpan sebagai session dalam Page A tadi.. So kita retrieve semula value dalam session menggunakan nama session yang sama iaitu employee_name dan kita simpan value tersebut dalam LabelB.Text yang terletak dalam Page B.. So dengan session, kita boleh pass maklumat daripada satu page ke satu page yang lain.. **