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

Евгений Иванов
На сайте с 26.07.2006
Offline
273
4596

Кто работал с 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 или как там пришиться, я ввожу текст ( на верху появляется окно ( точней просто типа дива ) где написано что я ввел, а вот как это взять в переменную и в базу пихнуть я без понятия, не работал так еще с такими библиотеками ( хочеться гостевую хотя бы сделать с этими фишками :) )

Wap.Click / Вап.Клик / Я - рядом!
Shtogrin
На сайте с 02.11.2006
Offline
95
#1

Данные передаете на сервер - AJAX, GET, POST

www.shtogrin.com (http://www.shtogrin.com/). Канцтовары (http://www.invit.com.ua/). 1С Бухгалтерия (http://account.kiev.ua/).
Евгений Иванов
На сайте с 26.07.2006
Offline
273
#2

А можно примером? Или где почитать про это? Я не программист, понимаю слова но не понимаю как этим воспользоваться :)

Shtogrin
На сайте с 02.11.2006
Offline
95
#3

http://extjs.com/learn/Manual:Core:Ext.Ajax

для гостевой, смотрите пример для обработки формы

http://extjs.com/learn/Tutorial:Loading_Data_Into_and_Submitting_a_Form

Евгений Иванов
На сайте с 26.07.2006
Offline
273
#4

Переводил страницы гууглом ( http://translate.google.com/translate?hl=ru&sl=en&u=http://extjs.com/learn/Tutorial:Loading_Data_Into_and_Submitting_a_Form&sa=X&oi=translate&resnum=1&ct=result&prev=/search%3Fq%3Dhttp://extjs.com/learn/Tutorial:Loading_Data_Into_and_Submitting_a_Form%26complete%3D1%26hl%3Dru%26newwindow%3D1%26client%3Dfirefox-a%26rls%3Dorg.mozilla:ru:official%26hs%3DqRz ), промтом, читать совершенно не удобно, глядя на код не всё понятно!

Умоляю дайте простой пример обработки данный!

Пример форма:

<p>
<b>Confirm</b><br />
Standard Yes/No dialog.
<button id="mb1">Show</button>
</p>

форма и её код JS

Ext.onReady(function(){
Ext.get('mb1').on('click', function(e){
Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?', showResult);
});

как мне если я нажимаю ДА писалось в базу допустим 1 если нет то 0

или вот с вводом имени связано

Ext.get('mb2').on('click', function(e){
Ext.MessageBox.prompt('Name', 'Please enter your name:', showResultText);
});

точней просто типа input поле для данных

как? не пойму всё не как, читаю ищу но не фига. примеры не наглядные - если в обще есть!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий