首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

ExtJS Form表单下传

2012-09-21 
ExtJS Form表单上传一、在页面引入相关的JS文件Ext.ux.form.FileUploadField是ExtJS的文件上传组件,如果要

ExtJS Form表单上传
一、在页面引入相关的JS文件

Ext.ux.form.FileUploadField是ExtJS的文件上传组件,如果要使用它,可以从ExtJS的安装目录下的/examples/ux目录拷贝到项目中,然后在head里面引入js文件,比如放在网站的script目录下,可以这样写:

<script type="text/javascript" src="../ext-3.4.0/ux/fileuploadfield/FileUploadField.js"></script>

当然,其他和ExtJS相关的JS文件和CSS文件照常引入。

<link rel="stylesheet" type="text/css" href="../ext-3.4.0/ux/fileuploadfield/css/fileuploadfield.css">

当然,其他和ExtJS相关的JS文件和CSS文件照常引入。

以下是upload.js

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>MyHtml.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">        <link rel="stylesheet" type="text/css" href="../ext-3.4.0/resources/css/ext-all.css">    <script type="text/javascript" src="../ext-3.4.0/adapter/ext/ext-base-debug.js"></script>    <script type="text/javascript" src="../ext-3.4.0/ext-all-debug.js"></script>         <link rel="stylesheet" type="text/css" href="../ext-3.4.0/ux/fileuploadfield/css/fileuploadfield.css">    <script type="text/javascript" src="../ext-3.4.0/ux/fileuploadfield/FileUploadField.js"></script>        <script type="text/javascript" src="upload.js"></script>  </head>  <body>  <div id="d"></div>  </body></html>

要导FileUploadField.js才能运行

更多请查看:http://www.itzhai.com/extjss-fileuploadfield-multiple-files-upload-component.html

热点排行