loundry

Membangun ionic di windows 7


Helo Guyss,

Ionic adalah sebuah framework yang digunakan untuk membuat aplikasi mobile dengan menggunakan teknologi web, seperti html5, css, javascript dll.

pastikan untuk men-download dan menginstal Git for Windows dan opsional Console

1. install nodejs

Windows Installer (.msi) 32-bit 64-bit

OS WIndows 7 anda. setelah download selesai jalan kan setup secara default path install akan terinstall di  C:\Program Files\nodejs

tekan  tombol flagwindows+r (run) lalu ketik cmd maka akan masuk ke konsol dos  lalu ketik

“node -v”

C:\Windows\system32>node -v
v0.10.36

Jika Keluar error seperti ini

C:\Windows\system32>node -v
‘node’ is not recognized as an internal or external command,
operable program or batch file.

berarti anda belum setting pathnya

cara setting path

Select Start -> Computer -> System Properties -> Advanced system settings -> Environment Variables -> System variables -> PATH.

tambahkan C:\Program Files\nodejs ; ke awal variabel PATH.

NPM

NPM  (Node Package Manager. ) . NPM ini sudah diikutsertakan secara default waktu instalasi NodeJS. Tool ini benar-benar akan sangat membantu Anda untuk menambahkan beberapa module NodeJS akan teristal secara default di C:\Program Files\nodejs\node_modules\npm\bin

ketik di cmd

“npm-v”

C:\Windows\system32>npm -v
1.4.28

jika ada error

Select Start -> Computer -> System Properties -> Advanced system settings -> Environment Variables -> System variables -> PATH.

tambahkan C:\Program Files\nodejs\node_modules\npm\bin ; ke awal variabel PATH.

CATATAN: Setiap kali Anda membuat perubahan pada PATH, atau variabel environtment lainnya, Anda harus me-restart atau membuka tab baru dalam program shell untuk perubahan PATH berlaku. (close cmd lalu buka lagi guys)

2. Install cordova

cordova dinstal lewat npm

    npm install -g cordova

Ini membutuhkan koneksi internet.

cordova -v

jika error berati kita belum menambahkan path untuk package yang dinstall npm

C:\Users\Usersaya\AppData\Roaming\npm;

Usersaya = user anda

Select Start -> Computer -> System Properties -> Advanced system settings -> Environment Variables -> System variables -> PATH.

tambahkan C:\Users\Usersaya\AppData\Roaming\npm; ke awal variabel PATH.

3. Install ionic

npm install -g ionic

 4. Membuat Awal aplikasi IONIC

ionic start myapp tabs

myapp adalah nama aplikasi yang akan dibuat
tabs adalah template dari ionic, ada tiga pilihan yaitu blank, tabs, dan sidemenu

Di langkah ini kita sudah bisa langsung menjalankannya melalui web browser. ketikkan

cd myapp

Running  Aplikasi di browser

ionic serve

Untuk debugging code tekan F12

tutorial debugging dan menggunakan console di chrome klik di sini

tutorial debugging dan menggunakan console di mozila firefox klik di sini

tutorial debugging dan menggunakan console di internet explorer klik di sini

 

Untuk Android:

Java JDK

Instal Java JDK terbaru (TIDAK hanya JRE).
untuk JDK bisa download di sini
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

Selanjutnya, buat variabel lingkungan untuk JAVA_HOME menunjuk ke root folder di mana Java JDK diinstal. Jadi, jika Anda menginstal JDK ke C: \ Program Files \ Java \ JDK7, mengatur JAVA_HOME menjadi jalan ini. Setelah itu, tambahkan direktori bin JDK terhadap variabel PATH juga. Setelah asumsi sebelumnya, ini harus berupa% JAVA_HOME% \ bin atau path lengkap C: \ Program Files \ Java \ JDK7 \ bin

Apache Ant

Untuk menginstal Ant, download zip dari sini, ekstrak, memindahkan folder pertama di pos ke tempat yang aman, dan memperbarui PATH Anda untuk menyertakan folder bin dalam folder itu. Sebagai contoh, jika Anda memindahkan folder Ant ke c: /, Anda akan ingin menambahkan ini ke PATH Anda: C: \ apache-ant-1.9.2 \ bin.

Android SDK
Instalasi SDK Android juga diperlukan. Android SDK menyediakan perpustakaan API dan alat-alat pengembang yang diperlukan untuk membangun, menguji, dan debug aplikasi Android.

Cordova memerlukan variabel lingkungan ANDROID_HOME yang akan ditetapkan. Hal ini harus menunjuk ke [ANDROID_SDK_DIR] \ direktori android-sdk (misalnya c: \ android \ android-sdk).

Selanjutnya, memperbarui PATH Anda untuk menyertakan tools / dan platform-tools / folder dalam folder itu. Jadi, dengan menggunakan ANDROID_HOME, Anda akan menambahkan kedua% ANDROID_HOME% \ dan alat-alat% ANDROID_HOME% \ Platform-tools.

AVD (ANDROID VIRTUAL DEVICES

 

AVD (Android Virtual Devices) adalah konfigurasi dari emulator sehingga kita dapat menjalankan perangkat Android sesuai model yang dipilih, misal Android 1.5 atau 2.2 dan seterusnya. Untuk dapat menjalankan emulator, kawan-kawan harus terlebih dahulu memiliki Android SDK.

Setiap AVD terdiri dari:

  1. Sebuah profil perangkat keras. Kawan-kawan dapat mengatur opsi untuk menentukan fitur hardware emulator. Misalnya, menentukan apakah menggunakan perangkat kamera, apakah menggunakan keyboard QWERTY fisik atau tidak, berapa banyak memori internal, dan lain-lain.
  2. Sebuah pemetaan versi Android. Kawan-kawan dapat menentukan versi dari platform Android akan berjalan pada emulator.
  3. Pilihan lainnya. kawan-kawan dapat menentukan skin yang ingin di gunakan pada emulator, yang memungkinkan untuk menentukan dimensi layar, tampilan, dan sebagainya. Selain itu kita juga dapat menentukan SD Card virtual untuk digunakan dengan di emulator.

Kita dapat membuat AVD sebanyak apapun dibutuhkan, berdasarkan jenis konfigurasi model dan jenis Android yang dipilih

Berikut cara membuat AVD :

  1. Buka X:\PATHSDKANDA\SDK Manager.exe
  2. Klik Android Virtual Devices Manager pada Toolbar.
  3. Berikutnya akan muncul form seperti dibawah ini.7
  4. Klik New untuk membuat AVD-nya.8
  5. Isi semua konfigurasinya, sehingga seperti gambar dibawah ini.9
    keterangan :

    • AVD Name : nama AVD/emulator yang akan kita buat.
    • Device : model device android yang akan kita buat
    • Target : versi android yang hendak kita gunakan.
    • Keyboard : konfigurasi apakah kita akan menggunakan keyboard atau tidak pada emulator yang akan kita buat.
    • Back Camere : konfigurasi apakah kita akan menggunakan camera atau tidak pada emulator yang akan kita buat.
    • Internal Storage : kapasitas memori internal pada emulator kita.
    • SD Card: kapasitas kartu memori pada emulator kita.

    Klik OK

  6. Nah, kita telah berhasil membuat AVD.10

    untuk menjalankan AVD yang telah kita buat , klik Start. Dan berikut tampilan AVD yang telah kita buat.11

5. Testing Aplikasi di Android

Untuk bisa menjalankannya di smartphone dan mendapatkan file apk, ketikkan

ionic platform add android
ionic build android

file apk berada di folderaplikasi/platforms\android\ant-build
Untuk menjalankan di emulator seperti genymotion, ketikkan

ionic emulate android

Untuk menjalankan langsung di smartphone, pastikan smartphone sudah terhubung dan ketikkan

ionic run android

 

dan tunggu android emulator akan muncul dengan menampilkan aplikasi anda

Semoga Bermanfaat

How to Start Intel Hardware-assisted Virtualization (hypervisor) on Linux to Speed-up Intel Android x86 Emulator


The Intel Hardware Accelerated Execution Manager (Intel® HAXM) is a hardware-assisted virtualization engine (hypervisor) that uses Intel Virtualization Technology (VT) to speed up Android app emulation on a host machine. In combination with Android x86 emulator images provided by Intel and the official Android SDK Manager, HAXM allows for faster Android emulation on Intel VT enabled systems. HAXM for both Windows and OS X are available now.

Since Google mainly support Android build on Linux platform (with Ubuntu 64-bit OS as top Linux platform, and OS X as 2nd), and a lot of Android Developers are using AVD on Eclipse hosted by a Linux system, it is very critical that Android developers take advantage of Intel hardware-assisted KVM virtualization for Linux just like HAXM for Windows and OS X.

Below are the quick step-by-step’s on how to install, enable KVM  on Ubuntu host platform and  start Intel Android x86 Gingerbread emulator with Intel hardware-assisted virtualization (hypervisor). The result is very pleasing and AVD runs significantly faster and smoother than without hypervisor

KVM Installation

I referred the instructions from Ubuntu community documentation page. to get KVM installed.To see if your processor supports hardware virtualization, you can review the output from this command:

$ egrep -c ‘(vmx|svm)’ /proc/cpuinfo

I got 64. If 0 it means that your CPU doesn’t support hardware virtualization.

Next is to install CPU checker:

$ sudo apt-get install cpu-checker

Now you can check if your cpu supports kvm:

$kvm-ok

If you see:
“INFO: Your CPU supports KVM extensions
INFO: /dev/kvm exists
KVM acceleration can be used”

It means you can  run your virtual machine faster with the KVM extensions.

If you see:
“INFO: KVM is disabled by your BIOS
HINT: Enter your BIOS setup and enable Virtualization Technology (VT),
and then hard poweroff/poweron your system
KVM acceleration can NOT be used”

You need to go to BIOS setup and enable the VT.

Use a 64 bit kernel

Running a 64 bit kernel on the host operating system is recommended but not required.
To serve more than 2GB of RAM for your VMs, you must use a 64-bit kernel (see 32bit_and_64bit). On a 32-bit kernel install, you’ll be limited to 2GB RAM at maximum for a given VM.
Also, a 64-bit system can host both 32-bit and 64-bit guests. A 32-bit system can only host 32-bit guests.
To see if your processor is 64-bit, you can run this command:

$ egrep -c ‘ lm ‘ /proc/cpuinfo

If 0 is printed, it means that your CPU is not 64-bit.
If 1 or higher, it is. Note: lm stands for Long Mode which equates to a 64-bit CPU.
Now see if your running kernel is 64-bit, just issue the following command:

$ uname -m

x86_64 indicates a running 64-bit kernel. If you see i386, i486, i586 or i686, you’re running a 32-bit kernel.

Install KVM

For Ubuntu Lucid (10.04) or later:

$ sudo apt-get install qemu-kvm libvirt-bin ubuntu-vm-builder bridge-utils

You may ignore the Postfix Configuration below by selecting “No Configuration”

Next is to add your <username> account to the group kvm and libvirtd

$ sudo adduser your_user_name kvm
$ sudo adduser your_user_name libvirtd

After the installation, you need to relogin so that your user account becomes an effective member of kvm and libvirtd user groups. The members of this group can run virtual machines.

Verify Installation
You can test if your install has been successful with the following command:
$ sudo virsh -c qemu:///system list
Your screen will paint the following below if successful:
Id Name                 State
———————————-

Start the AVD from Android SDK Directly from Terminal

Now start the Android for x86 Intel Emulator using  the following command:

$ <SDK directory>/tools/emulator-x86 -avd Your_AVD_Name -qemu -m 2047 -enable-kvm

Only a 64-bits Ubuntu can allow you to run allocated Memory of 2G or more. My 64-bit Ubuntu has 6G of Memory, so I used 1/3 of it for Android AVD. My AVD name is Intel_Atom_x86_64. ‘-qemu’ provides the options to qemu, and ‘-m’ specifies the amount of memory for the emulated Android (i.e. guest). If you use too small value for that, it’s possible that performance is bad because of frequent swapping activities. Add ‘-show-kernel’ to see the message from the kernel.

Start the AVD by AVD Manager in Eclipse

Below is procedures recommended by Google. If you are running the emulator from Eclipse, run your Android application with an x86-based AVD and include the KVM options:

    • In Eclipse, click your Android project folder and then select Run > Run Configurations…
    • In the left panel of the Run Configurations dialog, select your Android project run configuration or create a new configuration.
    • Click the Target tab.
    • Select the x86-based AVD you created previously.
    • In the Additional Emulator Command Line Options field, enter:
      -qemu -m 2047 -enable-kvm
  • Run your Android project using this run configuration.

Linux Android emulator and KVM Opengl problems


Linux Android emulator and KVM Opengl problems

If you want to try to accelerate the Linux Android emulator through KVM, and you see errors like these…

Failed to load libOpenglRender.so
Failed to load libEGL_translator.so
error libEGL_translator.so: cannot open shared object file: No such file or directory
Failed to open libEGL_translator.so
Failed to init_egl_dispatch
emulator: ERROR: OpenGLES initialization failed!
emulator: ERROR: OpenGLES emulation library could not be initialized!
emulator: WARNING: Could not initialize OpenglES emulation, using software renderer.
Failed to load libGLES_CM_translator.so
error libGLES_CM_translator.so: cannot open shared object file: No such file or directory
Failed to init_gl_dispatch
Failed to load libGLES_V2_translator.so
error libGLES_V2_translator.so: cannot open shared object file: No such file or directory
Failed to load libGLES_V2_translator.so
error libGLES_V2_translator.so: cannot open shared object file: No such file or directory
could not find ifaces for GLES 2.0

In my case, i use Debian Testing and Android Studio. These files are located in Android Studio SDK folder: ~/android-studio/sdk/tools/lib/

To solve that errors, i simply created a symbolic link to /usr/lib/

sudo ln -s ~/android-studio/sdk/tools/lib/libOpenglRender.so /usr/lib/
sudo ln -s ~/android-studio/sdk/tools/lib/libEGL_translator.so /usr/lib/
sudo ln -s ~/android-studio/sdk/tools/lib/libGLES_CM_translator.so /usr/lib/
sudo ln -s ~/android-studio/sdk/tools/lib/libGLES_V2_translator.so /usr/lib/

And that’s all!🙂

Beberapa Hal yang Harus Dilakukan Setelah Instalasi Ubuntu 14.04


Mengubah sumber perangkat lunak dan memperbarui sistem

Hal pertama dan terpenting yang harus dilakukan setelah menginstal Ubuntu adalah mengubah sumber software dan menambahkan Canonical Partners di dalamnya. Hal ini akan meningkatkan jumlah aplikasi dan program dalam repositori sehinnga kita dapat dengan mudah menginstal aplikasi aplikasi lebih banyak.

Buka  Unity Dash (press Super/Windows key) dan cari Software & Updates:

Ubuntu Software & updates Ubuntu 14.04

buka dan pastikan  Canonical Partners terceklis.

Enable Canonical partners in Ubuntu 14.04

buka  terminal (Ctrl+Alt+T) and update pustaka aplikasi dengan perintah:

sudo apt-get update && sudo apt-get upgrade

perintah diatas akan meng-update system.

Install Ubuntu Restricted Extras untuk media codecs:

“Ubuntu restricted extras”adalah paket beberapa codec yang tidak diinstal secara default dalam sistem Ubuntu. Alasan mengapa codec ini tidak disertakan secara default adalah kendala hukum di banyak negara. Canonical tidak bisa memasukkannya secara default, tetapi jika Anda menginstal codec ini, Andalah yang akan bertanggung jawab atas penggunaan dan tidak Ubuntu. Jangan khawatir itu aman untuk menginstal codec ini. Dengan codec ini terinstal, Anda dapat memainkan format media yang berbeda seperti MP3, MP4, AVI dan beberapa format lain tanpa kesulitan apapun. Menginstalnya menggunakan perintah berikut:

sudo apt-get install ubuntu-restricted-extras

Install Adobe Flash player:

Biasanya setelah menginstal Ubuntu Restricted Extras, Anda harus dapat memutar video yang menjalankan Adobe flash player seperti You Tube video. Tapi untuk satu alasan atau lain Anda mungkin memiliki masalah dengan Flash Player. Untuk menginstal Adobe Flash Player di Ubuntu 14.04, gunakan perintah berikut:

sudo apt-get install flashplugin-installer

Enable edge scrolling

Seperti  Ubuntu 13.10, Scrolling dua jari diaktifkan secara default. Yang berarti normal sudut scrolling  tidak akan bekerja pada touchpad laptop . Untuk mengaktifkan sudut scrolling,  System Settings> Mouse & Touchpad dan centang pilihanTwo fingger scroll’

Enable edge scrolling in Ubuntu 13.10

Install Dropbox dan memperbaiki indicator issue

Ubuntu One layanan cloud untuk file sedang dihentikan. Yang membuat kita dengan Dropbox dan Google Drive sebagai layanan penyimpanan awan utama dalam Ubuntu. Sementara Google Drive tidak memiliki klien Linux resmi, Dropbox masih taruhan terbaik ketika datang ke desktop Linux. Gunakan perintah di bawah ini untuk menginstal Dropbox di Ubuntu:

sudo apt-get install nautilus-dropbox

Sebagai alternafifnya, kita dapat men-download installer dari situs web nya . Salah satu masalah yang mungkin Anda hadapi adalah indikator Dropbox hilang di panel atas. Untuk membawa kembali indikator Dropbox kembali, gunakan perintah berikut:

sudo apt-get install libappindicator1

Setelah terinstal, restart komputer. Icon Drobox harus kembali panel atas.

Membuang keyboard input dari Unity Panel

Untuk beberapa alasan, Ubuntu mulai menempatkan indikator input keyboard secara default di panel atas. Sementara itu bisa berguna bagi sebagian orang yang sering mengubah tata letak keyboard mereka, tentu tidak ada gunanya bagi saya. Bagi saya, itu tidak perlu mengambil ruang di panel atas. jika Merasa mengganggu kitabisa menonaktifkannya dengan pergi ke System Settings-> Text Entry and unchecklis the Show current input source in the menu bar.

Disable Keyboard Applet Indicator in Ubuntu 13.10

Install VLC media player:

Video Player HD terbaik . untuk install VLC berikut perintahnya:

sudo apt-get install vlc

Play encrypted DVD di Ubuntu 14.04:

 Anda ingin Nonton DVD di UBUNTU anda maka anda harus mengaktifkan playback DVD dienkripsi di Ubuntu 14.04 dengan menggunakan perintah berikut:

sudo apt-get install libdvdread4
sudo /usr/share/doc/libdvdread4/install-css.sh

Install RAR:

Untuk menghindari kesalahan seperti “There is no command installed for RAR archive files“ install RAR dengan menggunakan perintah berikut::

sudo apt-get install rar

Install additional drivers in Ubuntu 14.04:

Ubuntu menyediakan beberapa driver propriety drivers untuk nirkabel, kartu grafis dll Jika Anda menemukannya maka ubuntu akan  mencoba untuk menginstal driver tambahan ini. Anda dapat menemukan driver tambahan tersedia untuk sistem anda di Software & Updates, di bawah Additional Drivers tab:

Install additional drivers Ubuntu 13.10

Menambah hidup batere dan mengurangi overheating:

Overheating laptop adalah masalah yang umum, tidak hanya di Ubuntu tetapi dalam sistem operasi. Overheating juga mempengaruhi masa pakai baterai. Sampai Ubuntu 12.10, Jupiter adalah alat terbaik untuk mengurangi overheating, tapi karena perkembangannya telah berhenti, Anda dapat menggunakan TLP atau cpufreq bukan Jupiter. Instal TLP menggunakan perintah berikut:

sudo add-apt-repository ppa:linrunner/tlp
sudo apt-get update
sudo apt-get install tlp tlp-rdw
sudo tlp start

Tweak Unity and Gnome:

Tidak puas dengan penampilan default Ubuntu 14.04? Anda selalu dapat men-tweak itu. Sistem Ubuntu Pengaturan memberi Anda banyak pilihan untuk tweaker, Unity Tweak Tool dan Gnome Tweak Tool (untuk pengguna Gnome) adalah alat yang sangat baik untuk men-tweak penampilan sampai batas tertentu.

sudo apt-get install unity-tweak-tool

Install the theme NUMIX:

Untuk mengistall Numix theme di Ubuntu 14 via PPA, menggunakan perintah berikut:

sudo add-apt-repository ppa:numix/ppa
sudo apt-get update
sudo apt-get install numix-gtk-theme numix-icon-theme numix-wallpaper-saucy

Mengubah tema mengguganakanUnity Tweak Tool:

Unity Tweak Tool in Ubuntu 13.10

Maka keluar tampilan

Install a theme with Unity Tweak Tool in Ubuntu

Setelah Anda telah memilih opsi Themes, Anda akan menemukan semua tema hadir dalam sistem di sini. Cukup klik pada salah satu yang Anda suka dan akan icon akan berubah seketika.

Install themes in Ubuntu 13.10

berikut tampilan setelah tema berubah dan nikmati keindahannya

Numix theme in Ubuntu 13.10

 

Disable shopping suggestions:

Jika Anda tidak ingin melihat saran belanja dan ingin menjaga privasi Anda, gunakan perintah berikut dalam terminal:

gsettings set com.canonical.Unity.Lenses disabled-scopes "['more_suggestions-amazon.scope', 'more_suggestions-u1ms.scope', 'more_suggestions-populartracks.scope', 'music-musicstore.scope', 'more_suggestions-ebay.scope', 'more_suggestions-ubuntushop.scope', 'more_suggestions-skimlinks.scope']"

Install Java in Ubuntu 14.04:

untuk menjalankan aplikasi java yang multiflatform gunakan perintah berikut dalam terminal:

sudo apt-get install icedtea-7-plugin openjdk-7-jre

Ada banyak hal untuk mengkostumisasi ubuntu anda sesuai kebutuhan anda , silahkan menambahkan tanggapan ada?

By Example: CHtml | Wiki | Yii Framework


“By Example” cookbook pages will provide coding examples for many of the commonly used classes within Yii. We will try to provide as many usage examples as possible for keep these pages as helpful as possible.

Smarthead will be pulling these from the forum when he is not finding the answers on his own. Please request examples using the comments below or ask for an example in the forum. Thanks.

Avaiable methods:

CHtml::link()
CHtml::button()
CHtml::textField()
CHtml::listData()
CHtml::dropDownList()

CHtml::link() method

public static string link(string $text, mixed $url=’#’, array $htmlOptions=array ( ))

Generates a hyperlink tag.

Example 1: Linking to a controller action

HTML Output:

Link Text

Example 2: Linking to a controller action with querystring parameters

‘value1’)); ?>

HTML Output:

Link Text

Example 3: Linking to a controller action with multiple querystring parameters

‘value1’,
‘param2’=>’value2’,
‘param3’=>’value3’)); ?>

HTML Output:

Link Text

Example 4: Link opening a new page

‘value1’), array(‘target’=>’_blank’); ?>

HTML Output:

Link Text

Example 5: Linking to a controller action inside the actual controller (Suppose you are in the PostController/view and wants to link to PostController/create)

Just remove the ‘controller’ part from the string

If you are linking to an action from another controller, use the syntax of the former examples.

Example 6: Linking to a controller action from the site root (Suppose you are inside a module and wants to make the link from a controller of the root application)

In this case, add an slash “/” at the start of the string url

This makes more sense if you are working with modules.

Example 7: Linking to a controller action from another module

Replace below the module-id with desired module id .

Example 8: Linking to a controller action from the same module

This is useful when you want to make absolute paths avoiding to use static module names.

module->id}/controller/action’)); ?>

Example 9: Linking to a controller action via POST with confirmation dialog

Delete actions created using gii require the delete request be sent via POST to help prevent deleting objects by accident. Below is an example how to create a link that sends the request via POST and also asks for confirmation. Where you are redirected after the delete depends on your delete action. Note that the id link parameter below is a GET type parameter (submit URL will be something like http://example.com/post/delete/id/100).

array(‘delete’, ‘id’=>$data->ID), ‘confirm’ => ‘Are you sure?’)); ?>

If you are using CSRF protection in your application do not forget to add csrf parameter to the htmlOptions array.

array(‘delete’, ‘id’=>$data->ID), ‘confirm’ => ‘Are you sure?’, ‘csrf’=>true)); ?>

Example 10: Linking to a controller action via POST with POST parameters

If you need to make POST request with arbitary link with additional POST parameters you should use following code (submit URL will be something like http://example.com/blog/deletePost/param/100).

array(‘blog/deletePost’, ‘param’=>100),
‘params’=>array(‘id’=>$post->id, ‘status’=>Post::STATUS_DELETED_BY_OWNER),
‘csrf’=>true,
)); ?>

CHtml::button() method

public static string button(string $label=’button’, array $htmlOptions=array ( ))

Generates a button.

Example 1: Connecting a button to a controller action

array(‘controller/action’))); ?>

HTML Output:

/**/

CHtml::textField() method

public static function textField($name,$value=”,$htmlOptions=array())

Generates a textfield.

Example 1: Generating an empty textfield, just with a name

Example 2: Generating a textfield with name and value

Example 3: Generating a textfield with customized id, width and maxlength

‘idTextField’,
‘width’=>100,
‘maxlength’=>100); ?>

*Note: use ‘cols’ instead of ‘width’ when working with textareas

Example 4: Generating a disabled textfield

‘disabled’); ?>

CHtml::listData() method

public static function listData($models,$valueField,$textField,$groupField=”)

Generates data for dropDownList and listBox, using the format $key=>$value.

Example 1: Generating a list data for categories

findAll();

// format models resulting using listData
$list = CHtml::listData($models,
‘category_id’, ‘category_name’);

print_r($list);

HTML Output (Example):

array(“1” => “Arts”, “2” => “Science”, “3” => “Culture”);

Example 2: Generating an ordered list data for categories using findAll parameter

findAll(
array(‘order’ => ‘category_name’));

$list = CHtml::listData($models,
‘category_id’, ‘category_name’);

print_r($list);

HTML Output (Example):

array(“1” => “Arts”, “3” => “Culture”, “2” => “Science”);

CHtml::dropDownList() method

public static function dropDownList($name,$select,$data,$htmlOptions=array())

Generates a dropdown list.

$name: A name for the dropdownList; $select: selected item from the $data $data: an array of the type $key => $value (the possible values of you dropdownlist); $htmlOptions: another options.

Example 1: Generating a simple dropdownlist for gender

‘Male’, ‘F’ => ‘Female’));

The $select parameter must contain value ‘M’ or ‘F’.

Example 2: Generating a simple dropdownlist for gender with an ’empty’ element.

This example will avoid the dropdownlist to be blank when no value, outputing some proper information to the user

‘Male’, ‘F’ => ‘Female’),
array(’empty’ => ‘(Select a gender)’));

Example 3: Using data from a model function.

It is better to have you gender list definition inside your model definition.

At model:

public function getGenderOptions(){
return array(‘M’ => ‘Male’, ‘F’ => ‘Female’);
}

At view:

genderOptions,
array(’empty’ => ‘(Select a gender’));

Example 4: Using data from db

In order to create a dropdownList with data from db, you have to combine it with listData method that will format models from db into array of $key=>$value.

This part is equal to listData Example 2:

// retrieve the models from db
$models = categories::model()->findAll(
array(‘order’ => ‘category_name’));

// format models as $key=>$value with listData
$list = CHtml::listData($models,
‘category_id’, ‘category_name’);

Now, we generate our dropdowList from the $list variable

‘(Select a category’));

Example 5: Generating dropdownlist with option groups.

If you need to generate dropdownlist using both optgroup and option tags use the following code.

array(
‘mazda-rx7’=>’RX7’,
‘mazda-rx5’=>’RX5’,
),
‘Volvo’=>array(
‘volvo-b9tl’=>’B9TL’,
‘volvo-l90e-radlader’=>’L90E Radlader’,
),
)); ?>

Code above should generate following HTML.

RX7
RX5

B9TL
L90E Radlader

You can find CHtml class at yii/framework/web/helpers/CHtml.php.

Yii Reference 1 – Create Url, Links and Redirections | HighND.com


Yii Reference 1 – Create Url, Links and RedirectionsPosted on September 19, 2011 This post will be a reference on how deal with urls, links and browser redirects in Yii Framework. It will guide you on how to use different built-in functions in Yii like createUrl, createAbsoluteUrl, CHtml::link, redirect.Create URL1 $url = Yii::app->createUrl’site/index’;Result: index.php?r=site/indexYou will obtain this format of URL if you’re not using the URL Manager to make your links more user-friendly.1 $url = Yii::app->createUrl’site/index’, array’id’=>100;Result: index.php?r=site/index&id=100 Create URL from Controller1 Yii::app->controller->createUrl”index”, array”id”=>100;Result: index.php?r=site/index&id=100You will obtain this result if your current controller is “SiteController”.If you are in a controller you can simply write1 $this->createUrl’index’,array’id’=>100; Create absolute URL:In order to create an absolute path url you need to use createAbsoluteUrl function:1 Yii::app->createAbsoluteUrl’site/index’,array’id’=>100;Result: http:⁄⁄yourdomain.tld⁄index.php?r=site⁄index&id=100 Create LinkYou can use the CHTML helper to quickly create an anchor in HTML:1 echo CHtml::link’text’, array’site/index’, ‘id’=>100;Result: text Redirect Browser1 $this->redirectarray’site/index’,’id’=>100;It will redirect the browser to index.php?r=site/index&id=100This entry was posted in Yii Framework and tagged php, web development, yii by admin. Bookmark the permalink.

via Yii Reference 1 – Create Url, Links and Redirections | HighND.com.