Использовать HTML-файлы в качестве шаблонов для Sencha? - PullRequest
Новая
       23

Использовать HTML-файлы в качестве шаблонов для Sencha?

0 голосов
/ 17 ноября 2011

Я начинаю с инфраструктуры мобильного веб-приложения Sencha . Кажется, интерфейс всегда должен быть построен процедурно или с использованием HTML-строк. Это так не интуитивно понятно! Есть ли способ поместить код шаблона в файл HTML, и Sencha использует эти файлы в качестве шаблонов? Таким образом, у меня может быть четкое отделение от уровня интерфейса. Спасибо за любой совет или опыт.

Ответы [ 2 ]

1 голос
/ 17 ноября 2011

Вы можете вернуть шаблон или разметку из внешнего файла, используя ajax-запрос.

Элементы вашей панели будут выглядеть примерно так: 

items: [
  {
    id: "panel",
    html: "<p>Loading...</p>"
  }
]

Затем вы можете использовать ajax-запрос для обновления содержимого элемента panel содержимым template.html : 

Ext.Ajax.request({
  url: 'template.html',        
  callback: function(options, success, response) {
    this.getComponent('panel').update(response.responseText);
  },
  scope: this
});

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

1 голос
/ 17 ноября 2011

Вы можете определить свой основной html, а затем «связать» приложение вместе.Почти каждый компонент имеет ключ с именем renderTo.Поэтому, если у вас был очень простой HTML-шаблон, подобный этому: 

<body>
    <div id="myButton"></div>
</body>

Вы можете создать кнопку и связать ее с этим дивом с помощью следующего javascript: 

var button = Ext.create('Ext.Button', {
    text: 'Button',
    renderTo: '#myButton'
});

... ЭтоГоворят, что фреймворки Sencha ожидают, что вы разрабатываете приложения программно (то есть полностью в Javascript).

...