Thursday, July 14, 2011

Event Enter pada Yii.

Bagaimana untuk membuat event enter pada sebuah textbox, misalkan kita mau pindah dari textbox 1 ke textbox yang berkutnya.
disini kita akan mengunakan JQuery sebagai pemrograman untuk memprosesnya, di Yii ada perintah sendiri untuk meng mnyisipkan printah (script) javascript

terdapat pada clss CClientScript dan method registerScript

http://www.yiiframework.com/doc/api/1.1/CClientScript#

ini digunakan untuk menyisipkan perintah javascript



Yii::app()->clientScript->registerScript('test', '
$(\'#textfield1\').keypress(function(e){
if(e.keyCode == 13) {
$(\'#textfield2\').focus();
}
});
');


kuncinya terdapat di pada script

if(e.keyCode == 13) {
$(\'#textfield2\').focus();
}

keycode 13 merupakan kode ASCII untuk tombol Enter

setelah itu kita bisa panggil programnya seperti di bawah ini dan bisa pindah ke textfield dengan tekan tombol Enter

echo CHtml::textField('textfield1', 'a', array('id' => 'textfield1'));
echo CHtml::textField('textfield2', 'b', array('id' => 'textfield2'));
Reference: www.yiiframework.com

No comments:

Post a Comment