Extjs 3.2의 카드 레이아웃을 사용하여 고급 마법사 양식을 만드는 방법은 무엇입니까?

extjs 2.0을위한 Ext.ux.wizard가 있습니다. 우리는 extjs와 같은 마법사를 만들 수 있었고 사용자가 다음 button.see 데모를 여기 (예 : http://www.siteartwork.de/wizardcomponent_demo) 클릭했을 때 양식 요소를 쉽게 검증 할 수있었습니다. extjs 3.2에는 wizards.see 데모 생성에 도움이되는 카드 레이아웃이 있습니다 : http://dev.sencha.com/deploy/dev/examples/layout-browser/layout-browser.html.
코드 :Extjs 3.2의 카드 레이아웃을 사용하여 고급 마법사 양식을 만드는 방법은 무엇입니까?

/* 
* ================ CardLayout config (Wizard) ======================= 
*/ 
var cardWizard = { 
    id:'card-wizard-panel', 
    title: 'Card Layout (Wizard)', 
    layout:'card', 
    activeItem: 0, 
    bodyStyle: 'padding:15px', 
    defaults: {border:false}, 
    bbar: ['->', { 
     id: 'card-prev', 
     text: '&laquo; Previous', 
     handler: cardNav.createDelegate(this, [-1]), 
     disabled: true 
    },{ 
     id: 'card-next', 
     text: 'Next &raquo;', 
     handler: cardNav.createDelegate(this, [1]) 
    }], 
    items: [{ 
     id: 'card-0', 
     html: '<h1>Welcome to the Demo Wizard!</h1><p>Step 1 of 3</p><p>Please click the "Next" button to continue...</p>' 
    },{ 
     id: 'card-1', 
     html: '<p>Step 2 of 3</p><p>Almost there. Please click the "Next" button to continue...</p>' 
    },{ 
     id: 'card-2', 
     html: '<h1>Congratulations!</h1><p>Step 3 of 3 - Complete</p>' 
    }] 
};

하지만 난 다음을 클릭하거나 더 더 개발 된 마법사 거기에 내가 wizard.does의 사람의 마지막 단계에 도달하면 버튼을 제출 한 증거를 가지고있다 더 검증이 보인다?

출처

2011-02-18 Mehdi Fanai