第7章[7.18] Ext JS组件嵌入HTML页面

本文详细介绍了如何在Ext JS应用中内嵌HTML页面,包括不包含JS脚本和包含需要执行的JS脚本的情况。讲解了使用loader属性和iframe标签的用法,以及内嵌使用Ext JS的HTML页面时的注意事项和解决方法。
摘要由CSDN通过智能技术生成

需求描述

规范标准的Ext JS开发基本都是使用基于Ext JS的组件构建页面, 但有的时候需要直接使用HTML进行展示,需求的场景包括但不限于以下状况:

  1. 元素显示很简单,不需要使用重型的Ext JS的组件。 Ext JS的组件(比如TextField, Combobox)最终都是转换为HTML标签和CSS进行显示,以Ext JS的输入框为例,转换后的HTML的内容如下图:
    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tmtnPn2n-1609472352649)(images/screenshot_1609467698331.png)]
    从以上可以看出,相比HTML原生的input,Ext JS的输入框美观、功能强大,但最终转换的HTML和CSS也多很多。
    在某些应用场景下, 比如仅仅显示一段提示语, 或者不需要互动的一些页面元素, 直接使用HTML会更轻量级,效能相比也会好些。

  2. 使用一个已经存在的HTML文件, 这个文件可能是应用本身的,也可能是外部的一个在线HTML文件或是地址。

  3. 使用其他的使用Ext JS开发的HTML文件, 可能应用的旧版本,或者是外部提供的一个基于Ext JS开发的页面。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

oscar999

送以玫瑰,手留余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值