Tizen Developers

Hi~

You can control the rotary event.  Please use rotaryDetentHandler for you requirement. Check the direction and take your decision. CW for right direction and CCW for left direction.

  Please check below example,

<div class="ui-page" id="pageRotaryEvent" data-enable-page-scroll="false">
    	<header class="ui-header">
			<h2 class="ui-title">Rotary Event</h2>
	</header>
	<div class="ui-content">
	    <div id="result"></div>
	</div>
	<progress class="ui-circle-progress" id="circleprogress" max="100" value="20"></progress>
	<script src="rotaryEvent.js"></script>
</div>

And Js

(function(){
	var page = document.getElementById( "pageRotaryEvent" ),
		progressBar,
		progressBarWidget,
		rotaryDetentHandler;
	page.addEventListener("pagebeforeshow", function() {
		var resultDiv = document.getElementById("result"),
			direction,
			value;

		progressBar = document.getElementById("circleprogress");
		progressBarWidget = new tau.widget.CircleProgressBar(progressBar, {size: "large"});
		resultDiv.innerText = progressBarWidget.value() + "%";

		// "rotarydetent" event handler
		rotaryDetentHandler = function(e) {
			// Get rotary direction
			direction = e.detail.direction;

			if (direction === "CW") {
				// Right direction
				if (parseInt(progressBarWidget.value(), 10) < 100) {
					value = parseInt(progressBarWidget.value(), 10) + 1;
				} else {
					value = 100;
				}
			} else if (direction === "CCW") {
				// Left direction
				if (parseInt(progressBarWidget.value(), 10) > 0) {
					value = parseInt(progressBarWidget.value(), 10) - 1;
				} else {
					value = 0;
				}
			}

			resultDiv.innerText = value + "%";
			progressBarWidget.value(value);
		};

		// Add rotarydetent handler to document
		document.addEventListener("rotarydetent", rotaryDetentHandler);
	});

	/**
	 * pagehide event handler
	 * Destroys and removes event listeners
	 */
	page.addEventListener("pagehide", function() {
		progressBarWidget.destroy();
		document.removeEventListener("rotarydetent", rotaryDetentHandler);
	});
}());

Let me know if it helped you.

-Thanks

Thanks for your response.

But actually am using moreoptions.js and there is default working for rotray event and i can't change this.I hope you understand the problem.I need to solve this ASAP.Looking forward for some more answers.