Learn GK Components

For more information, please visit EZoApp Official Site .

What is GK Components?

EZoApp's core values: reuse and modularization. User interfaces (UIs) that have been created can become modular components. You can create your own UI specifications and templates for application design to strengthen development standards.

How to Use GK Components?

Get the GK Object

GK is a jQuery plugin, and an implicit GK object is stored in the jQuery object. After GK finishes initialization, GK will fire gkComponentsReady event, then you are free to manipulate the GK object.

	// after gk finishes initialization, all gk components are ready to use...
	$(document).on("gkComponentsReady", function () {
	  // get the gk-obj
	  var gkObj = $(".selector").gk();
	  
	  // access the public attributes of the gk-obj
	  var foo = gkObj.foo;
	  
	  // call the public methods of the gk-obj and get the results returned
	  var result = gkObj.bar();
	});

Invoke API methods of the GK Object

After GK finishes initialization and fires gkComponentsReady event, and you can send arguments to invoke methods of the GK object. There are two equivalent ways to get the same result:

	// always waiting gk finishes initialization...
	$(document).on("gkComponentsReady", function () {
	  // get the gk-obj and send arguments to a method
	  $(".selector").gk().method(args..);
	  
	  // this syntax is fine also
	  $(".selector").gk("method", args...);
	}); 

Components list

This is a list of all the GK Components. Click on the links and know how to use the gk-components.

JQM Components

• header
• footer
• grid
• tabbar
• navbar
  • navBtn
• gk-text
• text-input
• range-input
• search-input
• date-input
• collapsible-set
  • collapsible ( api )
• icon
• button
• listview
  • listview-li
  • list-divider
• controlgroup-radio
  • radio-button
• controlgroup-checkbox
  • checkbox-button
• flipswitch
• selectmenu ( api )
• textarea-input ( api )
• jqm-table

Extension Components

• youtube
• image
• mobipick ( property, api )
• gmap ( property, api )
• raty ( property, api )
• bxslider ( property, api )
• qrcode ( property, api )
• imggallery ( property, api )
• json-listview
• page-listview
• capture-photo
• gk-position
• gk-device-motion
• flot-pie
• flot-bar ( property, api )
• flot-stacking ( property, api )
• flot-line ( property, api )
• linechart ( api )
• rss-news ( api )
• barcode-scanner
• json-selectmenu ( property, api )
• gk-form
• swiper-navbar ( property, api )

Contact

If you have any questions about the components, or want to join us, please contact us.

• EZoApp Official Site: ezoui.com
• E-mail: service@ezoui.com
• Facebook: www.facebook.com/EZoUI
• Google+: plus.google.com/117990746163074166131
• Blog: blog.ezoui.com