gear s2 app toggle button Event!

gear s2 app toggle button Event!

BY 01 Dec 2016 Web Application Development

 

Hi.

I want to occur ‘toggle button’ switch event!

How can I do it?

I alreaty read API References..

Below is My code..

 

—————————————————<JavaScript>—————————————————

function init(){

   var lockActivationToggleBtn = getElementById(‘lockActivationBtn’),
      lockActivationToggleWidget = tau.widget.ToggleSwitch(lockActivationToggleBtn);

   lockActivationToggleBtn.addEventListener(‘click’, function(){
      createHTML(“toggleButtonClicked”)
      if (lockActivationToggleWidget.value())
      {
         createHTML(“Checked”);
      }
      else
      {
         createHTML(“Unchecked”);
      }
   });
}

window.onload = init;

 

 

———————————————————————————————————————–

 

<HTML>

   <div id="page-list-lockManage" class="ui-page">
   
      <header class="ui-header">
         <h2 class="ui-title">잠금관리</h2>
      </header>
      
      <div class="ui-content">
         <ul class="ui-listview">
             <li id="lockActivation-control" class="li-has-toggle">
                 <!-- <label class="ui-custom-toggleswitch-label"> -->
                     <div class="ui-marquee ui-marquee-gradient">잠금 활성화
                     <div class="ui-toggleswitch">
                     <input id="lockActivationToggleBtn" type="checkbox" class="ui-switch-input">
                     <div class="ui-switch-button"></div>
                  </div>
               <!-- </label> -->
             </li>
         </ul>
      </div>
      
   </div>

 

 

Written by
Keep Reading All Posts
Announcing the Tizen Studio 6.0 Release

BY

04 Nov 2024

Tizen Studio

Read More
Announcing the Tizen Studio 5.6 Release

BY

02 Apr 2024

Tizen Studio

Read More
Announcing the Tizen Studio 5.5 Release

BY

30 Oct 2023

Tizen Studio

Read More