Tutorial ASP 5

1. bukalah visual studio anda - new project - c# dan buatlah project seperti ini :


2. lalu copy kan script berikut : "AutoPostBack"



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AutoPostBack.aspx.cs" Inherits="Bab2.AutoPostBack" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table>
        <tr>
            <td>Masukkan Keyword</td>
            <td>:</td>
            <td>
                <asp:TextBox ID="txSearch" runat="server"
                    AutoPostBack="true" OnTextChanged="txSearch_TextChanged">
                </asp:TextBox>
            </td>
        </tr>
        <tr>
            <td colspan="3">
                <hr />
                <asp:Label ID="lbSearch" runat="server" Text=""></asp:Label>
            </td>
        </tr>
    </table>
    </div>
    </form>
</body>
</html>

3. "CheckBox"

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CheckBox.aspx.cs" Inherits="Bab2.CheckBox" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:CheckBox ID="chkBerita" runat="server"
            Text="Mau menerima kiriman berita?" /><br />
        <asp:Button ID="btSubmit" runat="server" Text="Submit" OnClick="btSubmit_Click" />
        <hr />
        <asp:Label ID="lbResult" runat="server"></asp:Label>
    </div>
    </form>
</body>
</html>

4. "CommandEvent"

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CommandEvent.aspx.cs" Inherits="Bab2.CommandEvent" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table>
            <tr>
                <td>
                    <asp:Button ID="btAsc" runat="server" Text="Urut Asc"
                        CommandArgument="Asc" CommandName="Sort" OnCommand="Cek_Command" />
                </td>
                <td>
                    <asp:Button ID="btDesc" runat="server" Text="Urut Desc"
                        CommandArgument="Desc" CommandName="Sort" OnCommand="Cek_Command" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <hr />
                    <asp:BulletedList ID="bltBarang" runat="server" BulletStyle="Numbered"></asp:BulletedList>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

5. "CrossPage"

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CrossPage.aspx.cs" Inherits="Bab2.CrossPage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Cross Page Post</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="lbSearch" runat="server" Text="Search :"></asp:Label>
        <asp:TextBox ID="txSearch" runat="server"></asp:TextBox>
        <asp:Button ID="btSearch" runat="server" Text="Search"
            PostBackUrl="CrossPageResult.aspx" />
    </div>
    </form>
</body>
</html>

6. "CrossPageResult"

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CrossPageResult.aspx.cs" Inherits="Bab2.CrossPageResult" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="lbSearch" runat="server"></asp:Label>
    </div>
    </form>
</body>
</html>

7. "EventOnClick"

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EventOnClick.aspx.cs" Inherits="Bab2.EventOnClick" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Menggunakan Event OnClick</title>
</head>
<body>
    <form id ="form1" runat="server">
        <div>
            <asp:Button ID="btnSubmit" Text="Click Here!"
                Runat="server" OnClick="btnSubmit_Click" /><br />
            <asp:Label ID="label1" runat="server" />
        </div>
    </form>
    </body>
</html>

8. "ImageControl"

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EventOnClick.aspx.cs" Inherits="Bab2.EventOnClick" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Menggunakan Event OnClick</title>
</head>
<body>
    <form id ="form1" runat="server">
        <div>
            <asp:Button ID="btnSubmit" Text="Click Here!"
                Runat="server" OnClick="btnSubmit_Click" /><br />
            <asp:Label ID="label1" runat="server" />
        </div>
    </form>
    </body>
</html>

9. "JenisTextBox"

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JenisTextBox.aspx.cs" Inherits="Bab2.JenisTextBox" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="txBiasa" runat="server"></asp:TextBox><br />
        <asp:TextBox ID="txPass" runat="server" TextMode="Password"></asp:TextBox><br />
        <asp:TextBox ID="txComment" runat="server" TextMode="MultiLine"></asp:TextBox>
    </div>
    </form>
</body>
</html>

10. "LabelControl"

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LabelControl.aspx.cs" Inherits="Bab2.LabelControl" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Label Control</title>
      <style type="text/css">
          div {
              padding: 10px;
          }
          .labelStyle {
              color: red;
              background-color: yellow;
              border: solid 2px red;
          }
      </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
       
        <asp:Label ID="lbTime" runat="server" Text="Label" Font-Size="Large"
            CssClass="labelStyle"></asp:Label>
       
    </div>
    </form>
</body>
</html>

11. "PanelControl"

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PanelControl.aspx.cs" Inherits="Bab2.PanelControl" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    Bahasa Pemrograman favourit anda:
        <br />
        <br />
        <asp:RadioButton ID="rbVB"
            GroupName="language" Text="Visual Basic" runat="server" />
        <br />
        <br />
        <asp:RadioButton ID="rbCSHarp" GroupName="language" Text="C#"
            runat="server" />
        <br />
        <br />
        <asp:RadioButton ID="rbOther" GroupName="language" Text="Other Language"
            runat="server" />
        <br />
        <asp:Panel ID="pnOther" Visible="false" runat="server">
            <asp:Label ID="lbOther" Text="Bahasa yg lain: "
                AssociatedControlID="tbOther" runat="server" />
            <asp:TextBox ID="tbOther" runat="server" />
        </asp:Panel>
        <br />
        <br />
        <asp:Button ID="btSubmit" Text="Submit"
            runat="server" OnClick="btSubmit_Click" />
    </div>
    </form>
</body>
</html>

12. "RadioButton"

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadioButton.aspx.cs" Inherits="Bab2.RadioButton" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    Dari mana anda mengetahui SMK Telkom SP Malang?
        <ul>
            <li>
                <asp:RadioButton ID="rbOrtu" runat="server"
                    Text="Orang Tua" GroupName="source" />
            </li>
            <li>
                <asp:RadioButton ID="rbTeman" runat="server"
                Text="Teman" GroupName="source" />
            </li>
            <li>
                <asp:RadioButton ID="rbWeb" runat="server"
                Text="Website" GroupName="source" />
            </li>
        </ul>
        <asp:Button ID="btSubmit" runat="server"
            Text="Submit" OnClick="btSubmit_Click" />
        <hr />
        <asp:Label ID="lbHasil" runat="server"></asp:Label>
    </div>
    </form>
</body>
</html>

13. "TugasASP5"

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tugasASP5.aspx.cs" Inherits="Bab2.tugasASP5" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Tugas ASP 5</title>
    <style type="text/css">
        div {
            padding:10px;
        }
        .back {
            background-color:deepskyblue
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table border="2">
            <tr>
                <td rowspan="9"><img src="logotelkom.jpg" /></td>
                <td colspan="3" class="back"><b><center>INPUT BIODATA</center></b></td>
            </tr>
            <tr>
                <td>Nama Lengkap</td>
                <td>:</td>
                <td>
                    <asp:TextBox ID="txNama" runat="server"></asp:TextBox></td>
            </tr>
            <tr>
                <td>Jenis Kelamin</td>
                <td>:</td>
                <td>
                    <asp:RadioButton ID="laki" runat="server" Text="L"></asp:RadioButton>
                    <asp:RadioButton ID="perempuan" runat="server" Text="P"></asp:RadioButton></td>
            </tr>
            <tr>
                <td>Email</td>
                <td>:</td>
                <td>
                    <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox></td>
            </tr>
            <tr>
                <td>Password</td>
                <td>:</td>
                <td>
                    <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" ></asp:TextBox></td>
            </tr>
            <tr>
                <td>Alamat</td>
                <td>:</td>
                <td>
                    <asp:TextBox ID="txtAlamat" runat="server" TextMode="MultiLine"></asp:TextBox></td>
            </tr>
            <tr>
                <td>Cita-cita</td>
                <td>:</td>
                <td>
                    <asp:RadioButton ID="rbFoto" GroupName="cita" Text="Photographer" runat="server" />
                    <br />
                    <asp:RadioButton ID="rbProg" GroupName="cita" Text="Programmer" runat="server" />
                    <br />
                    <asp:RadioButton ID="rbLain" GroupName="cita" Text="Lainnya" runat="server" AutoPostBack="true" />
                    <br />
                    <br />
                    <asp:Panel ID="pnlLain" Visible="false" runat="server">
                        <asp:Label ID="lblLain" Text="Cita-cita yang lain : " AssociatedControlID="txtLain" runat="server"/>
                        <asp:TextBox ID="txtLain" runat="server" />
                    </asp:Panel>
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    <center><asp:Button ID="btnSubmit" runat="server" Text="SUBMIT" CssClass="back" OnClick="btnSubmit_Click" BorderStyle="Double" BorderColor="YellowGreen"/></center>
                </td>
            </tr>
        </table>
        <hr />
        <asp:Label ID="lblNmalgkp" runat="server" /><br />
        <asp:Label ID="lbljns" runat="server" /><br />
        <asp:Label ID="lblEmail" runat="server" /><br />
        <asp:Label ID="lblPass" runat="server" /><br />
        <asp:Label ID="lblalamat" runat="server" /><br />
        <asp:Label ID="lblCita" runat="server" /><br />
    </div>
    </form>
</body>
</html>

14. "UseViewState"

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UseViewState.aspx.cs" Inherits="Bab2.UseViewState" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Memahami ViewState</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="btnAdd" runat="server" Text="Add" OnClick="btnAdd_Click" />
        <asp:Label ID="lbCounter" runat="server" Text="0"></asp:Label>
    </div>
    </form>
</body>
</html>

15. jika sudah jalan kan program "TugasASP5" dengan tekan CTRL + F5 ..



Tidak ada komentar:

Posting Komentar