は、どのように私は<a href="http://controlsjs.com/" rel="nofollow">Hello demo</a></p> <p>をしようとしていた

Question

controls.jsのビューをナビゲートし、移動先の別のページを作成したかったことができます。 どうすればいいですか？

var AppForm1 = new ngControls({ 

    Label1: { 
     Type: 'weLabel', 
     L: 20, T: 20, 
     Data: { 
     Text: 'Name:' 
     } 
    }, 

    Edit1: { 
     Type: 'weEdit', 
     L:80, T: 20, W: 150, 
     Data: { 
     Text: 'Second view!' 
     } 
    }, 

    Button1: 
    {        
     Type: 'weButton', 
     L: 80, T: 60,  
     Data: { 
     Text: 'Say Hello' 
     },  
     Events: { 
     OnClick: function(e) { 
      alert('Hello, '+AppForm.Edit1.GetText()+'!'); 
     } 
     } 
    } 

    }); 
var AppForm = null; 

function ngMain() 
{ 
    AppForm = new ngControls({ 

    Label1: { 
     Type: 'weLabel', 
     L: 20, T: 20, 
     Data: { 
     Text: 'Name:' 
     } 
    }, 

    Edit1: { 
     Type: 'weEdit', 
     L:80, T: 20, W: 150, 
     Data: { 
     Text: 'John' 
     } 
    }, 

    Button1: 
    {        
     Type: 'weButton', 
     L: 80, T: 60,  
     Data: { 
     Text: 'Say Hello' 
     },  
     Events: { 
     OnClick: function(e) { 
      alert('Hello, '+AppForm.Edit1.GetText()+'!'); 
      AppForm=AppForm1; 
     } 
     } 
    } 

    }); 
    AppForm.Update(); 
} 

Answer 1

あなたは隠されたページタブ（プロパティPagesVisible：偽）とコンポーネントngPagesを使用することができますビューを切り替えるために：ここで

---

は、私が考えたものです。 OnClickイベントでは、SetPage（ 'SecondPage'）でページを切り替えるだけです。

以下の例：

var AppForm = null; 

function ngMain() 
{ 
    AppForm = new ngControls({ 
    MyPages: { 
     Type: 'ngPages', 
     L: 0, T: 0, R: 0, B: 0, 
     Data: { 
     PagesVisible: false, // hide page tabs 
     Page: 0 
     }, 
     Pages: [ 
     { 
      id: 'FirstPage', 
      Controls: { 
      Label1: { 
       Type: 'weLabel', 
       L: 20, T: 20, 
       Data: { 
       Text: 'Name:' 
       } 
      }, 

      Edit1: { 
       Type: 'weEdit', 
       L:80, T: 20, W: 150, 
       Data: { 
       Text: 'John' 
       } 
      }, 

      Button1: 
      { 
       Type: 'weButton', 
       L: 80, T: 60, 
       Data: { 
       Text: 'Say Hello' 
       }, 
       Events: { 
       OnClick: function(e) { 
        alert('Hello, '+AppForm.Edit1.GetText()+'!'); 
        AppForm.MyPages.SetPage('SecondPage') 
       } 
       } 
      } 
      } 
     }, 
     { 
      id: 'SecondPage', 
      Controls: { 
      Label2: { 
       Type: 'weLabel', 
       L: 20, T: 20, 
       Data: { 
       Text: 'Name:' 
       } 
      }, 

      Edit2: { 
       Type: 'weEdit', 
       L:80, T: 20, W: 150, 
       Data: { 
       Text: 'Second view!' 
       } 
      }, 

      Button2: 
      { 
       Type: 'weButton', 
       L: 80, T: 60, 
       Data: { 
       Text: 'Say Hello' 
       }, 
       Events: { 
       OnClick: function(e) { 
        alert('Hello, '+AppForm.Edit2.GetText()+'!'); 
       } 
       } 
      } 
      } 
     } 
     ] 
    } 
    }); 
    AppForm.Update(); 
}