Как создать расширенную форму мастера, используя макет карты в Extjs 3.2? - PullRequest
Новая
       17

Как создать расширенную форму мастера, используя макет карты в Extjs 3.2?

2 голосов
/ 19 февраля 2011

Существовал Ext.ux.wizard для extjs 2.0, в котором мы могли создавать формы, подобные мастерам для extjs, и легко проверять элементы формы, когда пользователь нажимал (например) следующую кнопку. См. Демонстрацию здесь: http://www.siteartwork.de/wizardcomponent_demo. В extjs 3.2 есть макет карты, который помогает создавать демонстрацию wizards.see: http://dev.sencha.com/deploy/dev/examples/layout-browser/layout-browser.html.
Код: 

/*  
 * ================  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: '« Previous',  
        handler: cardNav.createDelegate(this, [-1]),  
        disabled: true  
    },{  
        id: 'card-next',  
        text: 'Next »',  
        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>'  
    }]  
};

но, кажется, нет подтверждений, когда я нажимаю «Далее», или нет кнопки «Отправить», когда я достигаю последнего шага мастера. У кого-нибудь есть примеры более развитого мастера?

1 Ответ

2 голосов
/ 19 февраля 2011

Проверьте эту ветку - http://www.sencha.com/forum/showthread.php?121059-Making-a-Wizard&highlight=wizard
Или используйте готовое расширение - http://code.google.com/p/ext-ux-wiz/ (похоже, работает с ExtJS 3.2), ветка форума для него здесь - http://www.sencha.com/forum/showthread.php?36627-2.1-Ext.ux.Wiz-a-wizard-component-for-Ext-JS/page25

...