2

2 つの異なる場所に 2 つの js ページ (Source.js と Target.js) があります。ユーザーがソース ページのドロップダウン リストをクリックすると、ユーザーがターゲット ページにリダイレクトされ、その逆も同様です。すべての場所とすべてを含む正確なコーディングを提供しています。1つのページから2番目のページに切り替える方法を知りたいだけです.

Source.js コーディング

var SourceSc = function() {
var that = {};
var _view = null;
var _childPanel = "#content";
var _sourceDlgMgrC = null;
var BEGIN = "BEGIN";
var STARTING = "STARTING";
var END = "END";
var TARGET = "TARGET";  
var _state = BEGIN;
that.create = function(parent, panel) {

    _parent = parent;
    _panel = panel;
    _transition(STARTING);
};
that.destroy = function() {
    _transition(END);
};
that.eventTargetLanguageView = function() {
    _transition(TARGET_LANGUAGE_VIEW);
};
var _transition = function(newState) {
    _state = newState;
    switch(_state) {                
        case STARTING: _enterStarting(); break;
            case TARGET: _enterTargetDlg(); break;
        case END: _enterEnd(); break;
    }
};
var _enterStarting = function() {
    modelMgr.loadInclude('code/app/sc/LoggedIn/sc/Source/c/SourceDlgMgrC.js', function() {
        modelMgr.getHTML('code/app/sc/LoggedIn/sc/Source/Source.html', function(html) {
            _sourceDlgMgrC = SourceDlgMgrC();
            _sourceDlgMgrC.create(_childPanel);
            var req = {};
            var fnSuccess = function(res) {
                _view = SourceV();
                _view.create(that, _panel, html, res);                  
            };              
        });
    });
};  
var _enterTargetDlg = function() 
{
//now what i have to write here, to load target page
};
var _enterEnd = function() {
     //coding of destroy    
};  
return that;};
var SourceV = function() {
var that = {};

var _sc = null;
var _panel = null;

that.create = function(sc, panel, html, res) {
    _sc = sc;
    _panel = panel;
    that.layoutUi(html);
    that.bindEvents();  
};  
that.layoutUi = function(html) {

    $(_panel).html(html);       
};
that.bindEvents = function() {

    $('#viewList').change(_sc.eventTargetLanguageView);
};
that.destroy = function() {
    $(_panel).html('');
    _panel = null;
    _sc = null;
};
return that; };

source.html の完全なコーディングを投稿できますが、使用量が少なくなると思いますので、ドロップダウン リストのコーディングのみを投稿します。

    <select id = "viewList" class="fl width160">
            <option>Source</option>
            <option>Target</option>
        </select>

現在、ターゲット ページのコーディングもまったく同じですが、Target.js の場所は「code/app/sc/LoggedIn/sc/Target/Target.js」です。

4

1 に答える 1

1

これを試してください...（ほんの一例です）

 codeLoadingMgr.loadInclude( path + '/AdminSc.js', function() {
 _adminSc = AdminSc();
  _adminSc.create(that, path, _childPanel,_selectedAdminTab, _programId); 
   });
于 2012-06-13T06:07:09.553 に答える