利用ExtJS构建一个应用系统(三)

   在应用的主窗口中,利用Tab显示各种不同的Panel。其中有一个显示Pdf文档的需要,在ExtJS中,利用iframe显示嵌入文档的内容。

   在ExtJs3.2.0版本中没有包含对于iframe进行支持的panel,但是网上有一个支持iframe的扩展:Ext.ux.ManagedIFrame,可以方便的下载到。然后,在自己的应用中就可以应用了:

	var dkmiChartPanel = {
			xtype:'iframepanel',
			title:'dmki pdf',
			defaultSrc:'a.pdf'
	};

 

在利用了iframe以后,由于显示层次的问题,默认情况下其他控件的显示层次都比它低,所以将造成其他的控件在iframe范围上的不可见。

       可以通过设置全局参数:Ext.useShims = true;调整显示层次,保证系统的正常显示。

 

 

构建ThinkPHP和EXTJS货物管理系统:含图表统计功能 MVC是一种软件架构模式,它将应用程序划分为三个核心组件:模型(Model)、视图(View)和控制器(Controller)。模型负责数据和业务逻辑,视图负责展示数据,控制器则作为模型和视图之间的桥梁,负责接收用户输入并调用模型和视图去完成请求。EXTJS是一个为实现复杂Web应用而生的前端框架,它为开发者提供了一套丰富的界面组件,旨在创建响应式和交互式的用户界面。本节将详细介绍EXTJS的特点、适用场景以及如何安装和引入EXTJS框架。 阅读详情

相关推荐

PICO+Unity MR空间网格开发实战:从零构建透视交互场景

本文详细介绍了使用PICO 4 Ultra与Unity引擎进行MR空间网格开发的完整实战流程。从环境准备、项目初始化、核心组件配置,到空间网格的生成、可视化与物理交互实现,手把手教你构建一个能识别真实环境并发射虚拟小球的透视交互场景。文章重点解析了PICO SDK中空间网格功能的关键配置与优化技巧,并提供了真机部署与调试的实用指南。

e3f4g5的博客 490

Extjs Ext.ux.IFrame的用法 以及父子窗口间函数相互调用

Extjs Ext.ux.IFrame的用法 以及父子窗口间函数相互调用     Ext.ux.IFrame Extjs官方提供的一个组件,可以很方便的使用。 这样就完成了一个简单的IFrame的使用,通过Extjs的扩展 它变成了一个组件 可以放在任何容器内 并且支持父容器的布局 很灵活 var iframe = Ext.create("Ext.ux.IFr...

weixin_33905756的博客 466

Transformer模型详解(图解最完整版)

Transformer由论文提出,现在是谷歌云TPU推荐的参考模型。论文相关的Tensorflow的代码可以从GitHub获取,其作为Tensor2Tensor包的一部分。哈佛的NLP团队也实现了一个基于PyTorch的版本,并注释该论文。在本文中,我们将试图把模型简化一点,并逐一介绍里面的核心概念,希望让普通读者也能轻易理解。Transformer 与 RNN 不同,可以比较好地并行训练。

2501_91695094的博客 2700

ext ManagedIFrame 插件使用

1.插件版本 ux.ManagedIFrame.* 2.1.6 multidom 2.1.6 ext 3.3.1 上面的js文件可以在demo页[url]http://demos.theactivegroup.com/demodesk.html?demo=mif&script=mifsimple[/url]找到! 2.相关链...

ahwxl的专栏 236

Chatbox使用指南

Chatbox使用指南

weixin_65289420的博客 2万+

GPU微架构演进分析--从SIMT到Scalar-Vector-Tensor计算的混合配比与调度

GPU架构经历了从专用计算模块到统一可编程处理器的演进。传统GPU面临专用电路配比难题,Nvidia Tesla架构通过引入可编程多线程处理器实现图形与计算的统一。Fermi架构进一步向计算倾斜,随后的架构陆续加入Tensor Core等专用单元。AI时代促成了从图形处理主导向AI计算的转变,形成了Scalar+Vector+Tensor的混合计算范式。SIMT调度重要性降低,CUDA面临新挑战,RISC-V等架构可能带来新机遇。

ChipCamp的博客---https://chipcamp.blog.youkuaiyun.com/ 915

Extjs miframe的使用

Iframe 有的时候还是须要的,比如在Tab中嵌入报表、嵌入其它系统的界面。下面代码是项目中一段 ExtJs 3.1.1 使用IFrame须要一个ExtJS的一个插件ManagedIFrame(miframe.js),用了这个插件可以使用 xtype:'iframepanel'  代码段: 1: var p_center = new Ext.TabPanel({

vickyfei的专栏 3735

GEE 案例分析:利用Landsat数据进行FAI、NDVI及CHLA分析并统计平均值(巢湖为例)

浮游藻类指数(FAI)、归一化植被指数(NDVI)及叶绿素a(CHLA)是水体环境监测的重要指标。本文利用Google Earth Engine(GEE)平台,基于Landsat 5和Landsat 8数据,进行水体藻类及植被监测。

此星光明博客 1336

Extjs4.2 TabPanel中使用Ext.ux.IFrame组件加载内容页面

http://www.cnblogs.com/qidian10/archive/2013/05/28/3104828.html 这篇文章中,我已经说道了autoload和iframe的优劣,那么如何用iframe呢? NodeClick: function (view, record) { if (record.data.leaf == true) { ...

weixin_33717298的博客 296

16. SAP Fiori Elements 应用里图片字段(Image)的显示原理介绍

很多朋友向我反映,学习了 一段时间的 SAP Fiori Elements 开发,但是感觉整套体系对于自己来说还是个黑盒子,很多技术点,看了 SAP 官方帮助文档后,觉得自己懂了,但是一旦需要自己动手做一些东西出来时,又觉得一片茫然。 其实笔者自己也经历过这个过程。究其原因,还是大家对 Fiori Elements 一些技术细节没有理解,对 SAP 官方的知识点仅仅停留在记忆,甚至是死记硬背上面。 不过没有关系,本教程笔者会刻意设置一些练习,让大家动手,在实战中逐渐熟悉 Fiori Elements 这

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 754

Graphviz安装及使用:决策树可视化

Python大数据分析与机器学习学习笔记 Graphviz安装及使用:决策树可视化

算法工程师 1万+

对Ext.ux加载的设置

假设页面需要用到 Ext.ux.form.MultiSelect和Ext.ux.FieldReplicator 需要在使用之前进行加载 加载方法如下 Ext.Loader.setConfig({enabled: true}); Ext.Loader.setPath('Ext.ux', '/html/common/ext/examples/ux/'); Ext.require([

莫理琴的专栏 3035

【光子AI 2026 企业级 Agent 架构指南】别再把 Skill 当 Tool:Agent Skills × MCP 企业级落地全指南(最新定义澄清 + 场景大全 + 选型决策树+安全工程清单)

摘要: 2026年企业级AI架构迎来两大核心标准——Agent Skills与MCP(Model Context Protocol),分别解决流程标准化与系统集成难题。Agent Skills通过“文件夹化能力包”(SOP+脚本+模板)固化专家流程,确保输出一致性;MCP则以类USB-C的协议统一外部系统接入,降低集成成本。两者差异显著:Skills专注程序性知识(如财报生成),MCP侧重动态连接(如跨平台数据调用)。实际场景中,复杂需求(如智能客服)需组合使用——MCP为骨架提供连接能力,Skills为大

AI天才研究院 2471

利用ExtJS构建一个应用系统(一)

   Ext JS 是利用JavaScript构建的面向对象思想的Web页面实现框架。ExtJS定义的UI对象和Ajax访问后台的机制,既可以插入到普通的Html、jsp等网页元素中应用,同样也可以完全基于ExtJS来布置和实现完整的网站。以下是我利用ExtJS3.2.0版本实现的一个技术验证demo。     设计的现在的界面如下图:  利用Ext.Viewport作为这个页面布局的基准...

沧海一粟 205

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

利用ExtJS构建一个应用系统(二)

  在上一篇中,详述了应用主界面的实现过程,在其中,有一个Tree的部分,是显示的股票的数据,包括三个层次:股票类型,子类型,股票。对于具有购买历史的Tree分支,进行醒目的显示;Tree中支持Context Menu。实现的结果如下图所示:        在Tree的定义中,主要有以下几个关键点:             1、利用了异步加载的方式,一级一级的加载Tree的子项,涉及到T...

沧海一粟 160

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

EXTJS动态树,非常完整的一个例子

这个是我从ITeye里看到的,最近也在做这个例子,觉得那边的写的非常的不错,现在拿过来分享下,等自己的例子写好,也会拿上来分享的   EXTJS动态树的实现举例 一、描述:通过dwr实现JS与后台的交互,从而实现动态树中叶子节点和目录节点的增加和编辑、以及节点的拖曳,节点的增删和拖曳都会改变自身以及它所在的目录节点下的相关节点的序号,能使得后台与前台同步。这个序号借助了tree中node的

请叫我 1万+

利用ExtJS构建一个应用系统(四)

ExtJS在系统的Theme方面,提供了强大的支持,通过在文件中设置不同的Theme,可以显示各种不同风格的窗口,ExtJs自带了三种Theme,自己也可以方便的定义自己的Theme,在我的应用中,我利用link属性使用了access的Theme。 <link rel="stylesheet" type="text/css" href="<%=path%>/ext-3.2.0/...

沧海一粟 154

构建ExtJs项目

构建一个extjs项目

qq_45946861的博客 830

Awesome ExtJS:构建卓越的前端应用

Awesome ExtJS:构建卓越的前端应用 在当前前端开发领域,ExtJS以其高度组件化、丰富的UI库以及强大的事件系统,成为了许多开发者构建企业级应用的优先选择。本文将为您介绍一个极具价值的开源项目——Awesome ExtJS,它汇集了ExtJS相关的优秀资源,帮助开发者快速上手和提高开发效率。 项目介绍 Awesome ExtJS 是一个精心策划的开源项目列表,包含了ExtJS相关的官方...

gitblog_00720的博客 942

利用xmlDoc读取xml文件构建ExtJS Tree

     ExtJS的Tree控件利用TreeNode构建内置的数据,在client/Server的结构中,利用TreeLoader从server端获得Tree中的数据,最终显示。在实际的生产环境中,大量的情况是用TreeLoader来获得这些数据,数据的默认格式是Json格式。在实际的生产中,有时利用xml作为数据源,在ExtJS自带的例子中,有XMLTreeLoader的例子,扩展TreeLo...

沧海一粟 248

[ExtJs] 利用weighted构建可配置覆写的容器

在ExtJs 6.5+版本中,提供了以weighted配置项。 如果设置为true,则可以将子项item指定为一个object对象,每个item属性名称指定一个itemId,并且属性值为子项配置对象。 使用此方案时,每个子项可能包含一个weight配置值,该值会影响其在此容器中的顺序。 主要用法: { xtype:'container', weighted:true,//声明权重值 items:{ txt:{//自定义的itemId ...

拒绝成猿的程序员 378

ExtJS初级教程之ExtJS Tree(三)

前两次我介绍了静态树和根据数据库加载的数据生成的树,今天我就把ExtJS Tree这剩的一些主要的东西说一说,剩下的主要就是:树的事件处理、可编辑的树和可拖拽的树,最后再实现一下异步加载的树。      树的事件处理            树的事件主要有:1、展开节点

ituuz的专栏 7409

利用ExtJS导出Excel

Ext.ns("Msp.Component"); //config = { // fileName : "净值及头寸核对", // exportDate : "2014-01-20", // dataSource : [ // {grid : grid1, param : param1, showType : true}, // {...

weixin_30675967的博客 191

EXTJS的工作总结

<br />工作总结<br />   ExtJS是什么?在我进了公司之后我才开始听到这个名词,之前只是听说过JQuery,还没用过,甚至之前也只是偶尔修改下javascript,真正使用javascript还未曾试过。接触EXTJS后,我也开始对javascript慢慢地了解更多一些了。EXTJS给了我一种新的编程乐趣和编程方式,让我抛开了写HTML代码的界面,让我可以快速地布局出自己想要而且体验不错的界面!<br />什么是EXT<br />1、ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一

SOHO SOFTWARE 2530

Extjs6 项目构建

一 学习前的了解: 1.Extjs6其实是结合了两个框架:Extjs 和Sencha Touch; 2.Extjs6有两个工具包: classic (存放原来Extjs的可视化组件)和 modern (存放原来Sencha Touch的可视化组件); 3.你需要安装一个叫Sencha Cmd的工具, 这会让你的Extjs应用开发变得简单; 二 安装 1.下载并安装Sencha Cm...

weixin_34289744的博客 371

ExtJS是一个用于构建富客户端应用程序的JavaScript框架

它提供了丰富的UI组件和功能,使开发人员能够轻松创建交互式和可扩展的Web应用程序。这是一个简单的示例,演示了如何使用ExtPascal库创建一个带有按钮的表单面板。通过以上功能,ExtJS帮助开发人员在短时间内构建富客户端应用程序,并提供了一套强大而灵活的工具和组件,以满足各种复杂的业务需求。你可以在浏览器中查看和测试应用程序的功能。ExtJS是一个功能强大的JavaScript框架,提供了丰富的UI组件。创建项目文件:在Delphi或Free Pascal中创建一个新的项目文件,并添加所需的单元文件。

[Blog][Domain] programb.blog.youkuaiyun.com 1137
上一篇: 利用ExtJS构建一个应用系统(二)
下一篇: 利用ExtJS构建一个应用系统(四)
tkxing
博客等级 码龄19年 1粉丝 57原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值