jQuery EasyUI menu dan tombol - tombol Buat Tautan
Dalam keadaan normal, penggunaan <button> elemen untuk membuat tombol, tombol dan link (Link Button) adalah penggunaan elemen <a> untuk membuat. Jadi ini sebenarnya adalah sebuah tombol link (Link Button) ditampilkan sebagai gaya tombol <a> elemen.
Untuk membuat tombol link (Link Button), semua yang perlu Anda lakukan adalah menambahkan sebuah file yang bernama 'easyui-linkbutton' atribut kelas untuk <a> elemen:
<Style Div = "padding: 5px; background: #fafafa; width: 500px; border: 1px # ccc padat"> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel"> Batal </a> <a href="#" class="easyui-linkbutton" iconCls="icon-reload"> Segarkan </a> <a href="#" class="easyui-linkbutton" iconCls="icon-search"> Query </a> <a href="#" teks class="easyui-linkbutton"> tombol </a> <a href="#" class="easyui-linkbutton" iconCls="icon-print"> Cetak </a> </ Div> <Style Div = "padding: 5px; background: #fafafa; width: 500px; border: 1px # ccc padat"> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel"> Batal </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-reload"> Segarkan </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-search"> Query </a> <a href="#" class="easyui-linkbutton" plain="true"> teks tombol </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-print"> Cetak </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"> </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-save"> </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-back"> </a> </ Div>
Seperti yang Anda lihat, properti iconCls adalah ikon dari gaya kelas CSS, ini akan menampilkan gambar ikon pada tombol.
Kadang-kadang Anda perlu menonaktifkan tombol link (Link Button) atau mengaktifkannya, kode berikut menunjukkan bagaimana untuk menonaktifkan tombol link (Link Button):
$ (Selector) .linkbutton ( 'disable'); // memanggil metode 'menonaktifkan'