sencha touch 在视图中显示一个html页面

最新推荐文章于 2021-06-09 23:07:32 发布

转载最新推荐文章于 2021-06-09 23:07:32 发布 · 483 阅读

备忘专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一个使用ExtJS框架实现的应用示例，该示例通过Ajax请求加载外部网页内容，并以垂直滚动的方式展示。代码展示了如何定义一个ExtJS组件并配置其属性。

不过不能搜索，只能简单的展示而已。

代码来至于oreilly示例

Ext.define('app.view.about.About', {
    alternateClassName: 'about',
    extend: 'Ext.Container',
    xtype: 'about',
    config: {
        cls: 'info',
        scrollable: {
            direction: 'vertical',
            directionLock: true
        },
        url: 'http://www.baidu.com/'
    }, 
    initialize: function () {
        Ext.Ajax.request({
            url: this.config.url,
            success: function (rs) {
                this.setHtml(rs.responseText);
            },
            scope: this
        });
    }
});