Apa cara terbaik untuk menghasilkan daftar tombol/tautan secara dinamis

Saya sedang membangun aplikasi internal untuk sebuah restoran. Saya tidak yakin pendekatan apa yang terbaik untuk membuat daftar tombol/tautan secara dinamis.

Saya memiliki daftar kotak makanan kombo katakanlah kotak1, kotak2, kotak3 (jumlah kotak kombo akan berubah) yang akan ditampilkan di layar. Saat memilih kotak tertentu, popup akan ditampilkan dengan daftar item yang mengatakan item1...item5. Pengguna dapat memilih dari item dan melanjutkan.

Saya ingin menerapkan daftar tombol atau tautan yang akan berfungsi seperti daftar kotak kombo dan panel pop up untuk setiap tombol untuk menampilkan item dan melanjutkan.

Tolong bimbing saya pendekatan apa yang terbaik untuk membuat daftar tombol/tautan dinamis. Apakah tombol merupakan kontrol yang tepat atau sesuatu yang lain dapat digunakan untuk memanggil panel.

Saya menggunakan asp.net (vs 2010) untuk membangun aplikasi.


button dynamic asp.net
person ram    schedule 18.12.2015    source sumber
comment
Akan membantu jika Anda menyebutkan dan menandai teknologi/kerangka GUI dan platform yang ingin Anda gunakan.   -  person Filburt    schedule 18.12.2015
comment
Teknologi apa yang Anda cari? Tolong jelaskan kebutuhan Anda sedikit lebih jelas.   -  person Divyek    schedule 18.12.2015

Jawaban (2)


arrow_upward
0
arrow_downward

Dari sedikit informasi ini, hanya rekomendasi yang sangat umum yang dapat dibuat.

Pertama, perbedaan antara tautan dan tombol:

  • tautan dimaksudkan untuk membawa Anda ke berbagai tempat, tidak pernah menggunakan metode POST dan HARUS tidak mengubah keadaan apa pun di server dan oleh karena itu harus dianggap aman bagi robot (artinya spider mesin pencari AKAN mengikuti tautan)

  • Tombol , terutama dalam HTML5, adalah elemen UI umum yang dapat dibuat untuk melakukan banyak hal berbeda (misalnya dengan bantuan JavaScript), namun secara umum TIDAK dianggap sebagai aman dari robot artinya spider mesin pencari mungkin tidak akan mengklik tombol (tentu saja tidak, jika mereka terikat pada POST formulir meskipun Google sekarang merender JavaScript dan mungkin mengikuti GET formulir).

Dari penjelasan di atas - jika panel pop-up Anda hanya berupa sub-menu dengan tautan di dalamnya, mungkin tautan <a href="/id#"> bagus.

Namun jika panel yang muncul adalah form yang memicu beberapa perubahan di server (misalnya menambahkan sesuatu ke keranjang, dll) maka <button> lebih baik untuk menyampaikan tujuan sebenarnya dari panel tersebut.

Untuk menghasilkan tata letak, praktik terbaik saat ini adalah menggunakan <ul>, ulangi semua kotak makanan Anda dan buat elemen <li> untuk masing-masingnya. Kemudian gunakan CSS untuk mengatur tinggi dan setiap kotak dan JavaScript untuk memunculkan panel.

Misalnya saja seperti ini:

<ul class="mealboxes">
  <li class="mealbox"><button id="box1" class="mealbox">Meal Box 1</button></li>
  <li class="mealbox"><button id="box2" class="mealbox">Meal Box 2</button></li>
  <li class="mealbox"><button id="box3" class="mealbox">Meal Box 3</button></li>
</ul>

Menggunakan kelas lampirkan CSS dan klik event handler dan menggunakan ID tombol Anda tahu tombol kotak makanan mana yang diklik, sehingga Anda dapat memunculkan panel yang benar.

PS: Untuk menyembunyikan poin item daftar, gunakan CSS seperti ini:

ul.mealboxes {
 list-style: none;
}
person Laas    schedule 18.12.2015
comment
Terima kasih Laas. Apakah ada cara yang bisa kita terapkan menggunakan kontrol sisi server. - person ram; 18.12.2015
comment
Maaf, saya tidak tahu banyak tentang ASP.NET, tapi saya berasumsi Anda harus mengulangi kotak makanan Anda dan untuk setiap elemen membuat tombol runat="server". - person Laas; 21.12.2015

arrow_upward
0
arrow_downward

Misalkan id div yang ingin Anda isi dengan tombol dan/atau tautan adalah: cat Kemudian gunakan jQuery:

$('#cat').html('<input type="button" name="" value="Button1"/>');

Untuk menambahkan lebih banyak teks:

 $('#cat').append('<a href="http://www.google.com">Click Here</a>');
person Abhishek Singh    schedule 18.12.2015