Yii 2 - Membuat Star Rating

alfa6661
- October 20, 2015
0 (0 votes)
Rate :
Cara membuat star rating menggunakan Yii 2 Framework.

Website penyedia berita / artikel kebanyakan akan menyediakan sistem rating untuk tiap artikel yang ditulisnya. Dengan sistem rating ini, website akan memberikan kesempatan pada pengunjung untuk menilai konten/isi halaman yang . Bagi pemilik website, sistem rating ini dapat memberikan gambaran guna mengevaluasi penyajian isi website.

Ada banyak jenis sistem rating yang digunakan di website saat ini, salah satunya adalah star rating. Star Rating merupakan sistem rating yang menggunakan bintang sebagai nilainya, semakin banyak bintang yang dipilih, maka semakin besar juga nilai ratingnya.

Pada artikel ini, akan di contohkan bagaimana cara membuat Star Rating pada Yii 2 Framework.

Instalasi

Cara Instalasi extension ini dengan menggunakan composer.

Setelah anda memiliki composer terinstall, kemudian jalankan perintah ini pada command prompt.

php composer.phar require --prefer-dist alfa6661/yii2-raty "*"

atau tambahkan kode dibawah ini pada bagian require di file composer.json anda.

"alfa6661/yii2-raty": "*"

Penggunaan

Tanpa model

<?= \alfa6661\widgets\Raty::widget([
    'name' => 'user-vote',
    'options' => [
        // the HTML attributes for the widget container
    ],
    'pluginOptions' => [
        // the options for the underlying jQuery Raty plugin
        // see : https://github.com/wbotelhos/raty#options
    ]
]); ?>

dengan Model

<?= \alfa6661\widgets\Raty::widget([
    'model' => $model,
    'attribute' => 'rating',
    'options' => [
        // the HTML attributes for the widget container
    ],
    'pluginOptions' => [
        // the options for the underlying jQuery Raty plugin
        // see : https://github.com/wbotelhos/raty#options
    ]
]); ?>

dengan ActiveForm

<?= $form->field($model, 'point')->widget(\alfa6661\widgets\Raty::className(), [
    'options' => [
        // the HTML attributes for the widget container
    ],
    'pluginOptions' => [
        // the options for the underlying jQuery Raty plugin
        // see : https://github.com/wbotelhos/raty#options
    ]
]); ?>

Javascript events handling

// Available event callbacks: Read Only, Click, Mouseover and Mouseout
<?= \alfa6661\widgets\Raty::widget([
    'name' => 'user-vote',
    'options' => [
        'class' => 'pull-left',
        'id' => 'user-vote'
    ],
    'pluginOptions' => [
        'click' => new \yii\web\JsExpression('function(score, e) {
            alert(score);
        }')
    ]
]); ?>

Resource

Computer science education cannot make anybody an expert programmer any more than studying brushes and pigment can make somebody an expert painter

– Eric S. Raymond

Have a better explanation?

If you have comments about this post. Please write your comments below

No comments associated with this article