RSS

ASP.Net – Layout Konsisten Tanpa MasterPage

10 Jun

ASP.Net adalah sebuah bahasa pemograman web yang dikembangkan oleh Microsoft. Dengan berbekal .Net Framework, maka ASP.Net memiliki berbagai macam kelebihan, terutama dari form” yang khusus dimiliki oleh ASP.Net.

Salah satunya adalah MasterPage. Dengan MasterPage, layout atau tampilan konsisten yang dibutuhkan dalam sebuah web gampang dibuat. Tinggal buat MasterPage dan halaman lain dapat menggunakannnya. Namun berdasarkan pengalaman saya, MasterPage memiliki beberapa BUG yang dapat menyulitkan anda. Seperti fungsi CrossPage yang tidak berjalan dan Metode POST / GET dan SUBMIT yang pasti tidak akan berjalan jika anda menggunakan MasterPage.

Lantas bagaimana dalam membuat sebuah tampilan utama yang konsisten pada ASP.Net, padahal metode penambahan file seperti INCLUDE pada PHP tidak dikenal pada ASP.Net. Setelah beberpa kali eksperimen (karena terpaksa), saya mendapatkan sedikit trik untuk mengatasi hal tersebut, dan saya akan membaginya dengan anda semua.

Langkah – Langkah :

1. Pilih New Item dan Pilih Class File. (C# sebagai contoh)
2. Buatlah sebuah Method, yang didalamnya anda membuat sebuah string HTML
    public string layout()
    {
        string code = "";
        code += "<div id=layout1 class=body>";
        code += "   <a href=default.aspx>Click Here</a>";
        code += "   <input id=tb_nama type=text value='Helow Word'>";
        code += "</div>";
        return(code);
    }
3. Siapkan Sebuah File WebForm (misalnya Default.aspx)
4. Tempatkan sebuah Label ASP.Net kemudian pada code (C#) tuliskan kode berikut
public partial class _Default : System.Web.UI.Page
{
    //Class Variable
    Class1 cs;
    protected void Page_Load(object sender, EventArgs e)
    {
        //Object & Inisialisasi
        cs = new Class1();
        Label1.Text = "";

        //Create Layout
        Label1.Text = cs.layout();
        Label2.Text = cs.layout2();
    }
}

Note : Sebagai catatan buat juga sebuah style CSS dan beri nama .body.

Setelah mengikuti langkah diatas maka Load default.aspx, dan liat apa yang terjadi. Dengan menggunakan kreatifitas anda dalam membentuk layout dengan menuliskan Tag” HTML pada file Class dan Methodnya yang telah dibuat sebelumnya anda dapat menciptakan Layout yang konsisten untuk semua halaman. Karena semua WebForm dapat menggunakan Class tersebut.

 
Leave a comment

Posted by on June 10, 2010 in Education

 

Tags: , , , , , , , , ,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: