Кто работал с EXT ( JS библиотека ) - ( пару вопросов - если не трудно )

Кто работал с Ext?

Официальный сайт - http://extjs.com/

Русский ( не лучший но всё же единственный ) - http://extjs.ru/

Есть пару вопросов по отправке и обработке данных.

Я не супер программист, скорей это моё хобби, по многим форумом спрашивал но видимо где я всё узнаю не интересуются новыми фишками и не знают не то что про ExtJS но и про скрипт акуло и про другое не знают

В данном случаи интересуюсь диалогами

Как из обычного диалога ввида ( msg-box.js ) - блин не могу демо найти!

в общем есть же диалоги типа да нет, стандартные дял ввода имени и ввода текста типа

   

    Standard Yes/No dialog.



    Standard prompt dialog.



    Standard Yes/No/Cancel dialog.



    Dialog with measured progress bar.



    Dialog with indefinite progress bar and custom icon (will close after 8 sec).

Интиресует именно как допустим из диалога взят ьто что я туда вбил и записать в базу?

JS файл диалогов

/*

 * Ext JS Library 2.0 Beta 1

 * Copyright(c) 2006-2007, Ext JS, LLC.

 * licensing@extjs.com

 * 

 * http://extjs.com/license

 */



Ext.onReady(function(){

    Ext.get('mb1').on('click', function(e){

        Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?', showResult);

    });



    Ext.get('mb2').on('click', function(e){

        Ext.MessageBox.prompt('Name', 'Please enter your name:', showResultText);

    });



    Ext.get('mb3').on('click', function(e){

        Ext.MessageBox.show({

           title: 'Address',

           msg: 'Please enter your address:',

           width:300,

           buttons: Ext.MessageBox.OKCANCEL,

           multiline: true,

           fn: showResultText,

           animEl: 'mb3'

       });

    });



    Ext.get('mb4').on('click', function(e){

        Ext.MessageBox.show({

           title:'Save Changes?',

           msg: 'You are closing a tab that has unsaved changes. <br />Would you like to save your changes?',

           buttons: Ext.MessageBox.YESNOCANCEL,

           fn: showResult,

           animEl: 'mb4',

           icon: Ext.MessageBox.QUESTION

       });

    });



    Ext.get('mb6').on('click', function(){

        Ext.MessageBox.show({

           title: 'Please wait',

           msg: 'Loading items...',

           progressText: 'Initializing...',

           width:300,

           progress:true,

           closable:false,

           animEl: 'mb6'

       });



       // this hideous block creates the bogus progress

       var f = function(v){

            return function(){

                if(v == 12){

                    Ext.MessageBox.hide();

                    Ext.example.msg('Done', 'Your fake items were loaded!');

                }else{

                    var i = v/11;

                    Ext.MessageBox.updateProgress(i, Math.round(100*i)+'% completed');

                }

           };

       };

       for(var i = 1; i < 13; i++){

           setTimeout(f(i), i*500);

       }

    });



    Ext.get('mb7').on('click', function(){

        Ext.MessageBox.show({

           msg: 'Saving your data, please wait...',

           progressText: 'Saving...',

           width:300,

           wait:true,

           waitConfig: {interval:200},

           icon:'ext-mb-download', //custom class in msg-box.html

           animEl: 'mb7'

       });

        setTimeout(function(){

            //This simulates a long-running operation like a database save or XHR call.

            //In real code, this would be in a callback function.

            Ext.MessageBox.hide();

            Ext.example.msg('Done', 'Your fake data was saved!');

        }, 8000);

    });



    Ext.get('mb8').on('click', function(){

        Ext.MessageBox.alert('Status', 'Changes saved successfully.', showResult);

    });



    //Add these values dynamically so they aren't hard-coded in the html

    Ext.fly('info').dom.value = Ext.MessageBox.INFO;

    Ext.fly('question').dom.value = Ext.MessageBox.QUESTION;

    Ext.fly('warning').dom.value = Ext.MessageBox.WARNING;

    Ext.fly('error').dom.value = Ext.MessageBox.ERROR;



    Ext.get('mb9').on('click', function(){

        Ext.MessageBox.show({

           title: 'Icon Support',

           msg: 'Here is a message with an icon!',

           buttons: Ext.MessageBox.OK,

           animEl: 'mb9',

           fn: showResult,

           icon: Ext.get('icons').dom.value

       });

    });



    function showResult(btn){

        Ext.example.msg('Button Click', 'You clicked the {0} button', btn);

    };



    function showResultText(btn, text){

        Ext.example.msg('Button Click', 'You clicked the {0} button and entered the text "{1}".', btn, text);

    };

});

тот который был в демо ( екстемпел типа )

Например нажимаю на кнопку

Multi-line Prompt
A multi-line prompt dialog.

Выдает поле textarean или как там пришиться, я ввожу текст ( на верху появляется окно ( точней просто типа дива ) где написано что я ввел, а вот как это взять в переменную и в базу пихнуть я без понятия, не работал так еще с такими библиотеками ( хочеться гостевую хотя бы сделать с этими фишками :) )