2011-11-21 55 views
1

我正在研究使用Sencha touch來創建我的web應用程序的「視圖」部分,以便它可以在移動設備上工作。 Web應用程序是使用Spring MVC創建的,因此它的「視圖」部分實際上是使用JSP呈現的。如何讓sencha js和JSP一起工作?

假設我通過一個名爲「發票」的模式,從我的控制器,以我的看法,在JSP中,我會得到的模型,例如:

${invoice.number} 

然而,當我使用煎茶觸摸,因爲所有的編碼是在一個js文件中完成的,我該如何稱此模型?

我想是這樣的:

Ext.application({ 
    name: 'Landing', 

    launch: function(){ 
     Ext.create("Ext.TabPanel", { 
      fullscreen: true, 
      tabBarPosition: 'bottom', 

      items: [ 
        { 
         title: 'Landing', 
         iconCls: 'landing', 
         html: [ 
           '<h1>Invoice Id is ${invoice.number}</h1>' 
           ] 
        } 


        ] 
      } 
      ); // --Ext.create 
     } 

}); // --Ext.application 

但是,這並不工作。

謝謝!

回答

3

通常情況下,我們要做的就是儘可能地將Sencha Touch應用程序和後端解耦。你會讓你的Spring應用程序公開一個Sencha Touch將使用的API(讀取:RESTful Services)。數據(模型)將通過JSON或XML(或任何您想要的格式)序列化,並由Sencha Touch的讀者解析。

Sencha Touch的設計本身就是一個MVC應用程序框架。

你可以看看這些文章:

http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-1

http://www.slideshare.net/senchainc/structuring-your-sencha-touch-application