NavBarControl With XtraTabbedMdiManager DevExpress

Jadi ceritanya ada yang menanyakan bagaimana membuat BackStage Tab View seperti tampilan di product tertentu, waktu itu saya masih bingung dengan pertanyaannya, tapi menarik, saya coba tanya lagi , ternyata rekan kita tersebut menginkan tampilan seperti NavBarControl, tetapi form tersebut jika telah di panggil (Show), kemudian di panggil lagi tidak mengeluarkan form baru , melainkan form  tersebut seperti active lagi... akhirnya saya hanya mengucapkan... ya ampun.

Nah, istilah seperti di atas itulah yang menjadikan saya menulis ini, terima kasih sudah menjadi sumber inpirasi untuk menulis artikel ini.

Saya tidak akan memulai dari awal, jika rekan rekan ingin mengetahui bagaimana cara menggunakan control tersebut bisa ke artikel saya  NavBarControl In DevExpress dan XtraTabbedMdiManager DevExpress . Saya akan menggunakan Source Code di artikel NavBarControl In DevExpress, kemudian saya tambahkan Component DevExpress yaitu XtraTabbedMdiManager , seperti gambar di bawah ini :

Sekarang, tambahkan 2 form ke dalam project, sehingga didalam project ada tiga form, yaitu form1 yaitu form utama seperti gambar di atas, keudian gantilah Caption di form1 menjadi Form Pertama, kemudian form3 ganti Caption-nya menjadi Form Kedua, untuk membedakan masing-masing form anda bisa tambahkan component apa saja kedalam form2 dan form3 sehingga anda bisa yakin bahwa form tersebut tidak berubah.

Setalah anda tambahkan form, anda harus me-link-kan antara item di NavBarControl dengan form2 dan form3, seperti gambar berikut :

Anda klik pada bagian item NavBarControl (Form Pertama), kemudian anda klik gambar yang dilingkari (Events), muncul beberapa Events, anda pilih Events "LinkClicked", kemudian anda Double Click mouse anda di sebelah kanan LinkClicked tersebut, maka anda akan pindah ke Mode "View Code" dan masuk ke Event NavBarItem1_LinkClicked, kemudian tuliskan Scripts sebagai berikut :

Try
    My.Forms.Form2.MdiParent = Me       ' Menjadikan form1 sebagai MDI utama
    My.Forms.Form2.Show()                ' Tampilkan form2
    My.Forms.Form2.WindowState = FormWindowState.Maximized 
Catch ex As Exception
   Exit Sub
End Try

Lakukan hal sama dengan form3  pada item NavBarControl "Form Kedua "dengan mengganti scrpts sebagai berikut :

Try         

My.Forms.Form3.MdiParent = Me ' Menjadikan form1 sebagai MDI utama
     My.Forms.Form3.Show() ' Tampilkan form3
     My.Forms.Form3.WindowState = FormWindowState.Maximized
Catch ex As Exception
     Exit Sub
End Try

 Jika telah selesai jalankan tombol F5.....

Coba anda klik item Form Pertama dan item Form Kedua, maka akan tampil seperti diatas, jika anda klik lagi item Form Pertama dan Form Kedua maka form yang lama akan active lagi dan tidak membuat form baru... mudah-mudahan seperti itu

Salam

Source Code

Download