2016-07-15 2 views
0

dolightを使用してdojox.mobile.Buttonをクリックすると別のページに移動するにはどうすればいいですか?ボタンをクリックするとdojoxの別のページにナビゲートする方法

これにはdojox.mobile.Buttonを使用します。どのように私はそれを行う方法を手伝ってください。

ページ1からページ2に行くにはどうすればいいですか?

function dojoInit() { 
 
require([ "dojox/form/DropDownSelect", "dijit/form/Select", "dojo/ready", 
 
\t "dojo/parser", "dojox/mobile", "dojo/dom", "dijit/registry", 
 
\t "dojox/mobile/ScrollableView", "dojox/mobile/View", 
 
\t "dojox/mobile/Overlay", "dojox/mobile/Heading", 
 
\t "dojox/mobile/TextArea", "dojox/mobile/SimpleDialog", 
 
\t "dojox/mobile/TextBox", "dojox/mobile/Button", 
 
\t "dojox/mobile/RadioButton", "dojox/mobile/Accordion", "dojox/mobile/GridLayout","dojo/parser", 
 
\t "dojox/mobile/ContentPane", "dojo/on", "dojo/domReady!" ], 
 
\t 
 
\t function(ready) { 
 
\t \t ready(function() {} 
 
\t); 
 
}); 
 
}
<div id="M_LanguageView" class="selectLang" 
 
\t \t \t \t data-dojo-type="dojox.mobile.View" data-dojo-props="selected:false"> 
 
\t \t \t \t 
 
\t \t \t \t <img src="images/LanguageLogo.png" class="logo"> 
 
\t \t \t \t <p>Select Your Language</p> 
 
\t \t 
 
\t \t \t \t <div align="center"> 
 
\t \t \t \t \t <hr> 
 
\t \t \t \t \t <div> 
 
\t \t \t \t \t \t <form name="dojo" action="Login_en_View"> 
 
\t \t \t \t \t \t <button id="M_LanguageView_en_Btn" class="selectLangbtn" 
 
\t \t \t \t \t \t \t data-dojo-type="dojox.mobile.Button" > 
 
\t \t \t \t \t \t \t <span class="btnlbl englishFont">ENGLISH</span> 
 
\t \t \t \t \t \t \t <span class="lang_Indicationarrow"> </span> 
 
\t \t \t \t \t \t </button> 
 
\t \t \t \t \t \t </form> 
 
\t \t \t \t \t </div> 
 
\t \t 
 
\t \t \t \t \t <div> 
 
\t \t \t \t \t \t <button id="M_LanguageView_ar_Btn" class="selectLangbtn" 
 
\t \t \t \t \t \t \t data-dojo-type="dojox.mobile.Button"> 
 
\t \t \t \t \t \t \t <span class="btnlbl arabicFont">العربية</span> 
 
\t \t \t \t \t \t \t <span class="lang_Indicationarrow"> </span> 
 
\t \t \t \t \t \t </button> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t 
 
\t \t \t </div> 
 
\t \t \t 
 
\t \t \t <div id="Login_en_View" class="qHeaderBg englishFont" data-dojo-type="dojox.mobile.View"> 
 
\t \t \t \t 
 
\t \t \t \t <div data-dojo-type="dojox.mobile.ScrollableView" id="Login_en_View_Id" 
 
\t \t \t \t \t data-dojo-props="selected:false"> 
 
\t \t \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t <h1 id="Login_en_View_Header" data-dojo-type="dojox.mobile.Heading" 
 
\t \t \t \t \t \t \t data-dojo-props="fixed:'top'" style="background: rgba(255, 198, 0, 1.0);"> 
 
\t \t \t \t \t \t <img src="images/Header_en.png" class="headerImgAlignment"> 
 
\t \t \t \t \t </h1> 
 
\t \t \t \t \t 
 
\t \t \t \t \t <div id="Login_en_View_DivId"> 
 
\t \t \t \t 
 
\t \t \t \t \t \t <div class="errorMsg englishFont" id="Login_en_View_Error"></div> 
 
\t \t \t \t 
 
\t \t \t \t \t \t <div class="successMsg englishFont" id="Login_en_View_Success"></div> 
 
\t \t \t \t 
 
\t \t \t \t \t \t <label id="Login_en_View_Mno_lbl">Mobile Number :</label> 
 
\t \t \t \t \t \t \t <input id="Login_en_View_Mno_txt" class="clearFields englishFont" 
 
\t \t \t \t \t \t \t \t data-dojo-type="dojox.mobile.TextBox" onKeyDown="if(this.value.length==13 && event.keyCode != 8)return false;" type="number" min="0" inputmode="numeric" pattern="[0-9]*" title="Non-negative integral number"> 
 
\t \t \t \t \t \t 
 
\t \t \t \t \t \t <label id="Login_en_View_Uc_lbl">Password Code :</label> 
 
\t \t \t \t \t \t \t <input id="Login_en_View_Uc_txt" class="clearFields englishFont" data-dojo-type="dojox.mobile.TextBox" 
 
\t \t \t \t \t \t \t \t onKeyDown="if(this.value.length==8 && event.keyCode != 8)return false;" type="password" min="0" inputmode="numeric" pattern="[0-9]*" title="Non-negative integral number"> 
 
\t \t \t \t \t \t \t 
 
\t \t \t \t \t \t <button id="Login_en_View_Sub_Btn" data-dojo-type="dojox.mobile.Button" class="buttonProfile button englishFont">SUBMIT</button> 
 
\t \t \t \t 
 
\t \t \t \t \t \t <button id="Login_en_View_Reg_Btn" data-dojo-type="dojox.mobile.Button" class="buttonProfile button englishFont">REGISTER</button> 
 
\t \t \t \t 
 
\t \t \t \t   <button data-dojo-type="dojox.mobile.Button" id="Login_en_View_Ruc_Btn" class="buttonProfile button englishFont marginBottom">RESED PASSWORD CODE</button> 
 
\t \t \t \t \t 
 
\t \t \t \t \t </div> 
 
\t \t \t \t \t 
 
\t \t \t \t \t <h2 id="Login_en_View_Footer" data-dojo-type="dojox.mobile.Heading" 
 
\t \t \t \t \t \t data-dojo-props="fixed:'bottom'"> 
 
\t \t \t \t \t \t <img src="images/Back.png" class="footerImgAlignment" 
 
\t \t \t \t \t \t \t \t onclick="goBack()" id="backLang"> 
 
\t \t \t \t \t </h2> 
 
\t \t \t \t \t 
 
\t \t \t \t </div> 
 
\t \t \t </div>

答えて

0

フォームを作成し、先ページとして言及アクション属性値インチ

<form name="dojo" action="your_next_page"> 

<button></button> 

</form> 
+0

404(見つからない)が来ています –

+0

ボタンをクリックしたときに表示したいページの名前は何ですか? – Pirate

+0

はい海賊。 Login_en_Viewこれはページ名 –

0

最初のページからボタンをクリックすると以下のようになります。

var presentView = registry.byId("M_LanguageView"); 

presentView.performTransition("Login_en_View", direction ? direction : 1, "slide"); 
関連する問題