Cara Memanggil JavaScript di Tema Tampilan Seme Framework

Cara Memanggil File JavaScript di Tema Tampilan Seme Framework
198  
       

SEME Framework telah menyediakan berbagai internal API untuk integrasi theme salah satunya adalah putJsFooter. Metode ini berada dibawah class SEME_Controller yang bisa diakses langsung dengan menggunakan this.

Tentang Metode putJsFooter

Metode ini memungkinkan tampilan web untuk melakukan penambahan JS secara fleksibel, tanpa harus merubah script yang ada pada bagian akhir body html. Dengan demikian setiap page akan diberikan javascript sesuai dengan kebutuhannya.

Seme Framework Versi 2

Berikut ini adalah cara penggunaan dengan menggunakan Seme Framework versi 2. Penggunaannya cukup mudah, di dalam controller gunakan code ini.

Class Karyawan extend SENE_Controller{
  public function __construct(){
    parent::__construct();
  }
  public function index(){
    // gunakan ini
    $this->putJsFooter($SCRIPTNAME, $NAMESPACE,$is_custom);
    $this->putJsFooter('jquery', '',0); //assets/js/vendor/jquery.js
    $this->putJsFooter('http://example.com/js/app.js', '',1); //mengizinkan dari luar
  }
}

Dalam parameternya ada 3 bagian.

Yang pertama adalah nama file jsnya diisi tanpa menggunakan akhiran .js
Parameter kedua adalah foldernya, secara default akan menunjuk ke /assets/js/vendor
Parameter yang ketiga adalah is_custom, dimana jika di set dengan true atau 1 akan mengizinkan untuk memasukan script dari luar.

Seme Framework versi 3

Sementara untuk versi 3 ini ada perubahan yaitu:
Hanya ada satu parameter pertama adalah path lengkap file js.
Berikut ini adalah cara penggunaanya.

Class Karyawan extend SENE_Controller{
  public function __construct(){
    parent::__construct();
  }
  public function index(){
    // gunakan ini
    $this->putJsFooter($SCRIPTNAME);
    $this->putJsFooter(base_url().'assets/js/vendor/jquery'); //assets/js/vendor/jquery.js
    $this->putJsFooter('http://example.com/js/app'); //mengizinkan dari luar
  }
}

Demikian.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>