Question

我正在研究使用Sencha touch来创建我的webapp的“视图”部分，以便它可以在移动设备上运行。 Web应用程序是使用Spring MVC创建的，因此它的“视图”部分实际上是使用JSP呈现的。

假设我将一个名为“invoice”的模型从我的控制器传递到我的视图，在JSP中，我会得到这样的模型：

${invoice.number}

然而，当我使用Sencha touch时，由于所有编码都是在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

但这不起作用。

谢谢！

Answer 1

通常我们采用的方式是尽可能地将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

如何让sencha js和JSP一起工作？

1 个答案: