Javascript-форум - Прием данных с сервера в EXT JS

Javascript-форум (https://javascript.ru/forum/)

- ExtJS (https://javascript.ru/forum/extjs/)

- - Прием данных с сервера в EXT JS (https://javascript.ru/forum/extjs/7350-priem-dannykh-s-servera-v-ext-js.html)

Загрузка формы с сервера

В ExtJS4 есть удобные механизмы, позволяющие написать проекты с минимумом идентификаторов, используйте их.

Простой пример работы с сервером:

php-код:

<?php
$result_arr = array(
	'success' => true,
	'data'	=> array(
		array(
			"fio"	=> "Петров Иван Иванович",
			"email"	=> "petro@test.ru"
		)
	)
);

echo json_encode($result_arr);
?>

html+js код:

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>ExtJS4</title>
	<link rel="stylesheet" type="text/css" href="/libs/ext4/resources/css/ext-all-gray.css" />
	<script type="text/javascript" src="/libs/ext4/ext-all-debug.js"></script>
	<script type="text/javascript" src="/libs/ext4/locale/ext-lang-ru.js"></script>	
	<script>
    Ext.onReady(function() {
      
         var form = Ext.create('Ext.form.Panel', {
           name: 'myloadform',
           defaults: {
             padding: '15 0 0 15'
           },
           region: 'center',
           items: [
             {xtype: 'textfield', name: 'fio'},
             {xtype: 'textfield', name: 'email'}
           ]
        });
      
      Ext.create('Ext.container.Viewport', {
            layout	: 'border',
            defaults: {
                split: true,
                collapsible: true,
                collapseMode: 'mini',
                hideCollapseTool: true
            },
            items	: [
              {
                xtype: 'panel',                
                region: 'center',
                layout: 'fit',
                items: [
                  form
                ],
				listeners: {
					afterrender: function(th_pan){
						var form = th_pan.down('form[name=myloadform]');
						Ext.Ajax.request({
							url	: '/testero/data/getusers.php',
							method: 'GET',
							success: function(response, options){					
								try{
									var responseObj = Ext.decode(response.responseText);
									if(responseObj.success === true){
										form.getForm().setValues(responseObj.data[0]);
									}
								}
								catch(error){
									
								}
							}
						});
					}
				}
              }
            ]            
        });
      
    });
    </script>
</head>
<body></body>
</html>

Цитата:

Сообщение от Eugent

В ExtJS4 есть удобные механизмы, позволяющие написать проекты с минимумом идентификаторов

я бы сказал совсем без идентификаторов.

Цитата:

Сообщение от Eugent

method: 'GET',

он и так GET по дефолту если никаких параметров не передавать.

Цитата:

Сообщение от Eugent

var form = th_pan.down('form[name=myloadform]');

грохните эту строку и посмотрите будет работать или нет (!).

Ну и try...catch здесь вообще ни к чему...

Цитата:

Сообщение от nekto_O (Сообщение 165495)

я бы сказал совсем без идентификаторов.

он и так GET по дефолту если никаких параметров не передавать.

грохните эту строку и посмотрите будет работать или нет (!).

Ну и try...catch здесь вообще ни к чему...

насчет идентификаторов - есть задачи, где бывает сложно без них совсем обойтись

про GET - привычка указывать явно

насчет form - на случай если ajax будет в другой функции

про try-catch - писал на php контроллеры, по инерции написал

Цитата:

Сообщение от Eugent

насчет идентификаторов - есть задачи, где бывает сложно без них совсем обойтись

если так, то пример в студию!

Цитата:

Сообщение от Eugent

про GET - привычка указывать явно

никто вам не запрещает, лишняя строка кода вобщем-то.

Цитата:

Сообщение от Eugent

насчет form - на случай если ajax будет в другой функции

(Шепотом): Для того что вы пытались сделать в примере listeners вообще не нужны, впрочем как и Ext.Ajax.request().