`

ext js 4 控件中加入flash动画

阅读更多
  在EXT JS 4中的控件中,如果要加入动画,其实很简单,只需要做如下的工作:

1) 下载SWFObject library,
地址:http://code.google.com/p/swfobject/downloads/list

2)解压到工程目录下即可

3) 代码
   


<html>
<head> 
   <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"> 
   <script type="text/javascript" src="extjs/ext-all.js"></script>    

 <script type="text/javascript" src="swfobject/swfobject.js"></script>
</head>
<body>
</body>
    <script type="text/javascript"> 
   Ext.onReady(function(){   
     var win = Ext.widget('window', 
   {         
      title: "Flash animation inside an ExtJS 4 Component!",          

   layout: 'fit',     
       width: 700,    
        height: 500,    
        resizable: true,  
          items:
 {        
        xtype: 'flash', 
                                       url: 'test/test.swf'   
         }     
   });     
   win.show();  
  });
    </script>
</html>



   记得引入   <script type="text/javascript" src="swfobject/swfobject.js"></script>

2
1
分享到:
评论

相关推荐

    EXT js 4带时间的日期控件

    EXT JS 是一个强大的JavaScript前端框架,专用于构建富客户端应用。EXT JS 4 版本在日期控件方面提供了丰富的功能,使得开发者可以方便地处理日期和时间输入。在这个特定的资源中,我们关注的是一个集成时间选择的...

    ext4 年月时间控件 年月日时间控件 年月日时分秒时间控件

    1. **EXT4时间控件**:EXTJS4是Sencha公司开发的一个富客户端JavaScript框架,它包含了大量的UI组件,其中时间控件是其一。EXT4的时间控件基于jQuery UI,提供了丰富的样式和功能,可以轻松地与后台数据进行交互。 ...

    Ext DateField控件 - 只选择年月

    总的来说,"Ext DateField控件 - 只选择年月"这一主题涉及到Web前端开发中的组件定制、日期选择控件的优化以及JavaScript框架的深入应用,对于提升Web应用的交互性和功能性具有重要意义。通过学习和应用`monthPick....

    ext日期时间控件2

    EXT日期时间控件2是一款基于EXT JavaScript库的高级UI组件,专为网页应用设计,用于提供用户友好的日期和时间选择功能。EXT是一个强大的前端框架,由Sencha公司开发,广泛应用于构建富互联网应用程序(RIA)。EXT的...

    Ext .net控件

    Ext.NET控件是一种将流行的JavaScript库Ext JS与微软的.NET框架相结合的技术,旨在为开发者提供在ASP.NET环境中创建丰富交互式Web应用的能力。通过将Ext JS的功能集成到.NET控件中,开发人员可以利用.NET的强大后端...

    Ext的gridpanel控件二次加载问题

    在Ext JS这个强大的JavaScript框架中,GridPanel是一个非常重要的组件,用于展示数据表格。然而,在实际应用中,可能会遇到一个常见的问题:当GridPanel需要进行第二次加载时,数据或者功能可能会丢失。这个问题主要...

    ext4 时间控件 ext4.1时间

    EXT4 时间控件的核心功能在于将日期选择和时间选择集成在一个控件中,提供了一种直观且易于使用的界面,让用户能够方便地选取特定的日期和时间。这种控件的实现基于EXTJS的Field组件,通过自定义渲染模板和事件处理...

    ext 日期时间控件

    EXT是Sencha公司开发的一个JavaScript库,主要用于构建富客户端Web应用程序。在EXT中,日期时间控件(DateTimeField)是一个非常实用的组件,允许用户选择日期和时间,从而提高用户体验和数据输入的准确性。EXT提供...

    带时分秒的EXT日期控件

    带动Ext.DateTimePicker设置 * 4,增加时期时间选择器变动时的样式变化功能 * 5,解决GRID中使用时,同列同对象间值影响的问题 * 6,解决原组件,点击today按钮时,无法回到选择器当日界面的问题 */ 另外此控的时分...

    EXT 组件和控件的 视频教程

    EXT组件和控件是Sencha EXT JS框架的核心部分,它提供了丰富的用户界面元素,用于构建交互式的Web应用程序。EXT Grid是EXT JS中的一个关键组件,主要用于展示和操作表格数据。这个“EXT 组件和控件的 视频教程”很...

    ext基本的控件例子ext基本的控件例子

    ext基本的控件例子ext基本的控件例子ext基本的控件例子ext基本的控件例子ext基本的控件例子

    ext JS集成My97DatePicker日期控件

    标题中的“ext JS集成My97DatePicker日期控件”指的是在Web开发中,使用Ext JS框架与My97 DatePicker插件进行集成,以提供用户友好的日期选择功能。Ext JS是一个强大的JavaScript库,用于构建富客户端应用程序,而My...

    ext 树控件+数据库

    在IT领域,EXT是一个流行的JavaScript库,用于构建富客户端应用程序,尤其在Web应用开发中广泛应用。EXT树控件是EXT库中的一个重要组件,它允许开发者创建可交互的、层次结构的视图,常用于展现数据的层级关系,如...

    Ext控件大全,适合新手学习

    在Ext JS中,控件是指用来构建用户界面的基本元素,包括按钮、文本框、下拉列表等。了解并熟练掌握这些控件对于开发高质量的Web应用至关重要。通过合理组合各种控件,可以创建出功能丰富且用户友好的界面。 ### 二...

    Ext日期时间控件 Spinner控件 Ext代码 Extjs Grid

    在本文中,我们将深入探讨`ExtJS`框架中的两个关键组件——`Ext日期时间控件`和`Spinner控件`,以及它们在`Grid`中的应用。`ExtJS`是一款强大的JavaScript库,专用于构建富客户端应用程序,尤其适用于创建复杂的、...

    ext3.0所有控件演示代码

    EXT3.0是一款强大的JavaScript库,专用于构建富客户端应用程序,尤其在Web应用开发中有着广泛的应用。这个压缩包文件提供了EXT3.0中的几乎全部控件的演示代码,覆盖了表格、表单、分页工具栏以及图标等多个重要组件...

    Ext JS 4 Architecture

    Ext JS 4是一个成熟的JavaScript框架,用于开发富互联网应用程序,特别是那些需要运行在各种设备上的复杂、数据密集型的前端界面。Ext JS 4在架构层面体现了高度的模块化和可扩展性,这也是它区别于其他前端框架的一...

    EXT.JS常用控件集合

    超好用的EXT.JS控件集合、适合EXT.JS入门的小伙伴。详细介绍

    Ext时间控件.rar

    在压缩包中的"Ext时间控件"可能包含了以下内容: 1. 示例HTML文件:展示如何在页面中嵌入和使用时间控件。 2. JavaScript文件:包含DateTimeField的定义和实现,可能是一个新的类或者扩展了现有的ExtJS组件。 3. CSS...

    EXT 时间控件

    `date.html` 可能是包含示例代码或展示如何在网页中使用此控件的HTML文件,`ext-all.js` 是EXT框架的全量版本,包含了所有EXT组件的实现,而`DatePicker.js` 则可能是EXT专门处理日期选择的JavaScript模块,提供了...

Global site tag (gtag.js) - Google Analytics