Creating Data Picker Using Yii Framework [Part 2]

Read the first Part  :: Contain the database and basic creating / generating models / crud


CJUIDIALOG

In these part 2 I will concentrate on CJuiDialog on how to create pop up button. If you need explanation bit further go to this http://www.yiiframework.com/doc/api/1.1/CJuiDialog/.

Now lets start coding. I will creating button that will open dialog.

Open protected\views\post\_form.php and add this code, if you now javascript it will help.

<input type="button" value="Get List User" name="get_user_btn" onclick="$('#mydialog').dialog('open'); return false;" > 

So you will get

<div class="row">
        <?php echo $form->labelEx($model,'id_user'); ?>
        <?php echo $form->textField($model,'id_user'); ?>
        <input type="button" value="Get List User" name="get_user_btn" onclick="$('#mydialog').dialog('open'); return false;" >
        <?php echo $form->error($model,'id_user'); ?>
    </div>

This image should help

[Creating Button]

Creating Data Picker Using Yii Framework [Part 1] Step By Step

Well if you don’t know what is Yii Framework. I recommend just go to the main site http://www.yiiframework.com
And then http://www.yiiframework.com/doc/guide/1.1/en/quickstart.first-app
This tutorial was meant for programmer who knows and already creating web application using Yii framework.

What we’re going to create and learn.

This tutorial was based on my thread at Yii framework forum : http://www.yiiframework.com/forum/index.php/topic/16797-data-picker/

We will be creating Data Picker. What is data picker ? well the idea was simple, its just like a Date Picker but instead of Date we load Data from database.

Maybe this image will make you understand a little bit.

[IMAGE END SAMPLE]