Tokentextarea: Use jQM popup instead of window.alert().

Resolves #N_SE-36298

Change-Id: I92bd0c60091084e5f712a91fb05e6fc5cb985c7f

diff --git a/demos/tizen-winsets/widgets/tokentextarea/tokentextarea-demo.js b/demos/tizen-winsets/widgets/tokentextarea/tokentextarea-demo.js
index 4f5e994..52720f1 100644 (file)
--- a/demos/tizen-winsets/widgets/tokentextarea/tokentextarea-demo.js
+++ b/demos/tizen-winsets/widgets/tokentextarea/tokentextarea-demo.js
@@ -14,7 +14,7 @@
 
                $( "#MBTgetInputTextTest" ).on( "click", function () {
                        var input = $( ":jqmData(role='tokentextarea')" ).tokentextarea( "inputText" );
-                       window.alert( "input String : " + input );
+                       $( ".tta-popup .ui-popup-text" ).text( "Input string : " + input );
                });
 
                $( "#MBTremoveAllItemTest" ).on( "click", function () {
@@ -24,7 +24,7 @@
 
                $( "#MBTgetSelectedItemTest" ).on( "click", function () {
                        var content = $( ":jqmData(role='tokentextarea')" ).tokentextarea( "select" );
-                       window.alert( "Select content : " + content );
+                       $( ".tta-popup .ui-popup-text" ).text( "Select content : " + content );
                });
 
                $( "#MBTselectItemTest" ).on( "click", function () {
@@ -33,7 +33,7 @@
 
                $( "#MBTlengthTest" ).on( "click", function () {
                        var length = $( ":jqmData(role='tokentextarea')" ).tokentextarea( "length" );
-                       window.alert( "length : " + length );
+                       $( ".tta-popup .ui-popup-text" ).text( "Length : " + length );
                });
 
                $( "#MBTfocusInTest" ).on( "click", function () {

diff --git a/demos/tizen-winsets/widgets/tokentextarea/tokentextarea.html b/demos/tizen-winsets/widgets/tokentextarea/tokentextarea.html
index 39cc1b9..492c1d8 100644 (file)
--- a/demos/tizen-winsets/widgets/tokentextarea/tokentextarea.html
+++ b/demos/tizen-winsets/widgets/tokentextarea/tokentextarea.html
@@ -29,14 +29,22 @@
                                        <li><a id='MBTaddItemTest'>Append Item</a></li>
                                        <li><a id='MBTremoveItemTest'>Remove first Item</a></li>
                                        <li><a id='MBTinputTextTest'>Input 'Hello'</a></li>
-                                       <li><a id='MBTgetInputTextTest'>Get input text</a></li>
+                                       <li><a id='MBTgetInputTextTest' href='#tta_popup' data-rel='popup' data-position-to='window'>Get input text</a></li>
                                        <li><a id='MBTselectItemTest'>Select 1</a></li>
-                                       <li><a id='MBTgetSelectedItemTest'>Selected item</a></li>
-                                       <li><a id='MBTlengthTest'>Length</a></li>
+                                       <li><a id='MBTgetSelectedItemTest' href='#tta_popup' data-rel='popup' data-position-to='window'>Selected item</a></li>
+                                       <li><a id='MBTlengthTest' href='#tta_popup' data-rel='popup' data-position-to='window'>Length</a></li>
                                        <li><a id='MBTfocusOutTest'>Grouping On</a></li>
                                        <li><a id='MBTfocusInTest'>Grouping Off</a></li>
                                        <li><a id='MBTremoveAllItemTest'>Remove All Item</a></li>
                                </ul>
+
+                               <div id="tta_popup" data-role="popup" class="tta-popup">
+                                       <div class="ui-popup-text">
+                                       </div>
+                                       <div class="ui-popup-button-bg">
+                                               <a data-role="button" data-rel="back" data-inline="true">OK</a>
+                                       </div>
+                               </div>
                        </div>
                        <div data-role="footer">
                        </div>