Ext [DDTabPanel、FoodImageField、ImageChooser]扩展组件

开发环境：

System：Windows

WebBrowser：IE6+、Firefox3+

JavaEE Server：tomcat5.0.2.8、tomcat6

IDE：eclipse、MyEclipse 6.5

开发依赖库：

JavaEE5、ext 2.2.2

Email：hoojo_@126.com

一、Ext.ux.panel.DDTabPanel组件

可以拖动tabPanel的组件

需要用到的文件

DDTabPanel组件文件：Ext.ux.panel.DDTabPanel.js

DDTabPanel运行示例文件：Ext.hoo.form.DDTabPanel.js

dd-arrow-down.gif

代码如下

ddTabPanelExample.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>

        <title>Basic Component -- imageChooser</title>

        <meta http-equiv="pragma" content="no-cache"/>

        <meta http-equiv="cache-control" content="no-cache"/>

        <meta http-equiv="expires" content="0"/>

        <meta http-equiv="content-Type" content="text/html; charset=utf-8"/>

        <meta http-equiv="author" content="hoojo"/>

        <meta http-equiv="email" content="hoojo_@126.com"/>

        <meta http-equiv="ext-lib" content="version 3.2"/>

        <meta http-equiv="blog" content="http://blog.csdn.net/IBM_hoojo"/>

        <link rel="stylesheet" type="text/css" href="../ext2/resources/css/ext-all.css"/>

        <link rel="stylesheet" type="text/css" href="../css/Ext.ux.ImageChooser.css"/>

        <link rel="stylesheet" type="text/css" href="../css/style.css"/>

        <script type="text/javascript" src="../ext2/adapter/ext/ext-base.js"></script>

        <script type="text/javascript" src="../ext2/ext-all.js"></script>

        <script type="text/javascript" src="../ext2/build/locale/ext-lang-zh_CN-min.js"></script>

        <script type="text/javascript" src="Ext.ux.form.ImageField.js"></script>

        <script type="text/javascript" src="Ext.ux.ImageChooser.js"></script>

        <script type="text/javascript" src="chooser.js"></script>

        <script type="text/javascript" src="Ext.hoo.form.FoodImageField.js"></script>

  </head>

  <body>

          <div >>

          <div >>

          <div >>

        <div >>

  </body>

</html>