Mengapa menggunakan jQuery UI widget perpustakaan

Menulis jQuery plug-in dan jQuery.prototype (biasanya ditampilkan sebagai $.fn ) Tambahkan Metode yang sederhana dan perlu mengikuti beberapa aturan sederhana, seperti kembali ke this . Jadi, mengapa kehadiran perpustakaan komponen (Widget Factory)?

Pada bagian ini, kita akan menjelaskan manfaat dari perpustakaan komponen (Widget Factory), dan belajar kapan harus menggunakannya, dan mengapa menggunakannya.

Stateless vs Stateful widget

Kebanyakan plugin jQuery yang stateless, mereka melakukan beberapa tindakan untuk menyelesaikan tugas mereka. Misalnya, jika Anda menggunakan .text( "hello" ) elemen diatur ke teks, tidak ada fase instalasi, hasilnya sama. Untuk jenis plug-in, itu hanya memperluas prototipe jQuery.

Namun, beberapa plug-in yang stateful, mereka memiliki siklus hidup seluruh, untuk mempertahankan status dan respon untuk mengubah. Plug-in ini membutuhkan banyak kode khusus untuk menginisialisasi dan manajemen negara (dan kadang-kadang menghancurkan). Hal ini menyebabkan munculnya plug-in untuk membuat template stateful. Lebih buruk lagi, masing-masing penulis widget dengan cara yang berbeda untuk mengelola plug-in siklus hidup dan negara, yang menyebabkan berbagai plug-in memiliki gaya API yang berbeda. Perpustakaan komponen (Widget Pabrik) dimaksudkan untuk mengatasi masalah ini, ia bisa menghilangkan template dan membuat API yang konsisten untuk plug-in.

API konsisten

Perpustakaan komponen (Widget Factory) mendefinisikan cara membuat dan menghancurkan widget, mendapatkan dan menetapkan pilihan, memanggil metode, serta peristiwa pemicu memantau widget. Untuk membuat Plugin stateful menggunakan perpustakaan widget (Widget Factory), secara otomatis memenuhi definisi standar, yang memungkinkan pengguna baru untuk lebih mudah menggunakan plug-in. Selain itu, perpustakaan widget (Widget Factory) fungsi juga memungkinkan definisi antarmuka. Jika Anda adalah bagian dari API library (Widget Factory) yang tersedia tidak akrab dengan, memeriksa bagaimana menggunakan anggota perpustakaan (Widget Factory) .

Pilihan set di inisialisasi

Bila Anda membuat plug-in pilihan untuk menerima, Anda harus banyak pilihan menentukan default. Kemudian pada inisialisasi, untuk menyediakan pengguna dengan pilihan penggabungan dengan default. Anda juga dapat mengekspos default, sehingga pengguna dapat mengubah nilai default. Dalam jQuery plug-in, modus umum adalah sebagai berikut:

$.fn.plugin = function( options ) {
    options = $.extend( {}, $.fn.plugin.defaults, options );
    // Plugin logic goes here.
};
 
$.fn.plugin.defaults = {
    param1: "foo",
    param2: "bar",
    param3: "baz"
};

Perpustakaan komponen (Widget Factory) juga menawarkan fitur ini, dan perbaikan telah dibuat di dalamnya. Setelah menggunakan perpustakaan widget (Widget Factory), itu akan ditampilkan di bawah ini.

$.widget( "ns.plugin", {
 
    // Default options.
    options: {
        param1: "foo",
        param2: "bar",
        param3: "baz"
    },
 
    _create: function() {
        // Options are already merged and stored in this.options
        // Plugin logic goes here.
    }
 
});