Я начинаю узнавать о Sencha Touch 2. Итак, у меня было много вопросов! ^^ Давайте исследуем это. Теперь у меня есть данные json, например:
{ результат: "УСПЕХ", национальный: [ "Афганистан", "Албания", "Албания", "Алжир", "Американское Самоа", "Андорра" ] }
Затем я загружу его из файла url:nation.php. Как я могу загрузить его в My Select Field.??????
Поделитесь и поддержите меня.! Спасибо :).
Я не знаю, как это сделать в Sencha Architect 2 (я его не использую).. но все же
Вместо того, чтобы задавать вопрос без попытки (я имею в виду, что вы не размещали здесь проверенный код), лучше начать с документации Sencha Touch.
В любом случае, вы можете сделать это следующим образом
Модель
Ext.define('AppName.model.countries', {
extend : 'Ext.data.Model',
config: {
fields: [
{name: 'name', convert: function(value, record) {
return record.raw;
}}
],
}
});
Магазин
var myStore = Ext.create("Ext.data.ArrayStore", {
model : 'AppName.model.countries',
proxy: {
type: "ajax",
url : "nation.php",
reader: {
type: 'json',
rootProperty : function(data) {
return data.national;
}
}
},
autoLoad: true
});
Выбрать поле в представлении
Ext.create('Ext.form.Panel', {
fullscreen: true,
items: [{
xtype: 'selectfield',
store: myStore ,
valueField:'name',
displayField:'name'
}]
});
При поддержке Viswa. :) Я нашел эту проблему - XMLHttpRequest не может загрузиться. Origin не разрешен из-за ошибки Access-Control-Allow-Origin (безопасность политики браузера). И в документе Sencha Touch говорится: «Прокси-сервер JsonP полезен, когда вам нужно загрузить данные из домена, отличного от того, на котором работает ваше приложение. Если ваше приложение работает на http://domainA.com он не может использовать Ajax для загрузки своих данных с http://domainB.com, так как междоменные запросы ajax запрещены браузером.
" Кроме того, все, что нам нужно сделать, это - "Реализовать все API на вашем веб-сервере" и следовать коду формата JsonP: (в PHP)
$callback = $_REQUEST['callback'];// check callbackkey
// Create the output object.
$output = array('a' => 'Apple', 'b' => 'Banana');// output data.
//start output
if ($callback) {
header('Content-Type: text/javascript');
echo $callback . '(' . json_encode($output) . ');';
} else {
header('Content-Type: application/x-json');
echo json_encode($output);
}
Если. Используя Sencha Touch 2.1, Вы можете использовать:
Ext.data.JsonP.request({
url: 'http://otherdomain/svn_visaapi/trunk/api/visa_api.php/test_json',
callbackKey: 'callback',
success: function(result) {
console.log(result);
//Your success function here...
}
});
- Если с помощью Sencha Architect вы можете использовать Store.proxy.JsonP для вызова API. - Прочитайте больше документ Sencha Touch 2.1, чтобы увидеть это.
