`
keren
  • 浏览: 1580515 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Extjs学习手记-文件上传插件

extjs fileupload plugin 
阅读更多
效果: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> 我的ext测试页面-上传 </title>
  <Meta http-equiv="Content-Type" Content="text/html; Charset=utf-8">
    <link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css"/>
	<script type="text/javascript" src="../ext/adapter/ext/ext-base-debug.js"></script>
    <script type="text/javascript" src="../ext/ext-all-debug.js"></script>
	<script type="text/javascript" src="../ext/src/locale/ext-lang-zh_CN.js"></script>

	<script type="text/javascript" src="../ext/ux/filemgr/Ext.ux.UploadDialog/Ext.ux.UploadDialog.js"></script>
	<link rel="stylesheet" type="text/css" href="../ext/ux/filemgr/Ext.ux.UploadDialog/Ext.ux.UploadDialog.css"/>

 </head>

<script type="text/javascript">
	Ext.BLANK_IMAGE_URL = '../ext/resources/images/default/s.gif';
</script>
<script type="text/javascript">
	var dialog;
	Ext.onReady(function(){
		Ext.QuickTips.init();

		dialog = new Ext.ux.UploadDialog.Dialog({
			url:'',
			reset_on_hide:false,//是否在窗口隐藏时清空表格中的文件
			allow_close_on_upload:true,//是否在关闭窗口时进行上传
			upload_autostart:false//是否用户选择一个文件就马上上传
		});
		//dialog.show("upload_btn");
	});

	function show(){
		dialog.show();
	}
</script>
 <body>
  <INPUT id="upload_btn" TYPE="button" VALUE="上传" onclick="show();"/>
 </body>
</html>

  • 大小: 8.9 KB
分享到：
| Extjs学习手记(2)-Extjs继承
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    语言程序设计资料：ExtJs学习笔记-2积分.doc

    语言程序设计资料：ExtJs学习笔记-2积分.doc

    ExtJs常用布局--layout详解实例代码

    ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有：border、form、absolute、column、accordion、table、fit、card、anchor 另外，不常见的布局有：tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...

    extjs-620-docs.zip

    extjs-620-docs官方文档extjs-620-docs官方文档extjs-620-docs官方文档

    extjs-theme-bootstrap

    它的核心特性包括栅格系统、可重用的组件、JavaScript 插件以及一系列易于定制的 CSS 和 JavaScript 文件。EXTJS4 与 Bootstrap 的结合，意味着开发者可以在 EXTJS4 应用程序中利用 Bootstrap 的美观设计和易用性。 ...

    ExtJS快速入门--传智播客--蔡世友

    ExtJS快速入门--传智播客--蔡世友

    extJs-5.0.1-gpl（part1）

    extJs-5.0.1-gpl附带sencha cmd安装程序、ruby编译包（分为32位和64位）和教程，一共四部分

    extjs2----关于extjs 的使用，操作

    描述中提到内容较为初级，适合初学者学习，这表明我们将探讨的是ExtJS的基础概念和常用组件。 首先，让我们来了解一下ExtJS的核心概念。ExtJS基于组件模型，允许开发者构建复杂的用户界面，这些组件可以是按钮、...

    extjs-theme-bootstrap-master.zip

    "extjs-theme-bootstrap-master.zip" 文件很可能是ExtJS的一个主题包，它集成了Bootstrap的样式，使得ExtJS组件能够呈现出Bootstrap的经典外观。 在深入讲解这个主题之前，让我们先了解一下基础概念： 1. **ExtJS*...

    extjs-OA extjs-oa

    一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa

    Myeclipse安装EXTJS插件spket-1.6.16

    Myeclipse安装EXTJS插件spket-1.6.16

    Extjs4---combobox省市区三级联动+struts2

    ### Extjs4---combobox省市区三级联动+struts2 #### 一、技术背景与原理 本案例涉及的关键技术主要包括Extjs4框架中的`combobox`组件以及Struts2框架，通过这两种技术实现了省市区三级联动的效果。下面将详细介绍...

    ExtJS-4.2.2-gpl.rar

    本资源"ExtJS-4.2.2-gpl.rar"是ExtJS 4.2.2的开源版本，适用于GPL许可协议，包含完整的源码、示例、API文档以及相关的文档资料，对于学习和开发基于ExtJS的应用程序非常有帮助。 1. **ExtJS 4.2.2 版本详解** ...

    ExtJS----HelloWorld程序源码

    ExtJS是一个基于JavaScript的富客户端应用开发框架，用于构建交互式、桌面级的Web应用程序。它的核心特性包括组件化UI、数据绑定、强大的表格和图表功能、以及对现代浏览器的良好支持。"HelloWorld"是编程领域的传统...

    Extjs6.2 生成的admin-dashboard官方模板

    Extjs6.2 生成的admin-dashboard官方模板

    ExtJS-MVC-用户列表实例

    ExtJS是一个强大的JavaScript库，专用于构建富客户端的Web应用程序。它提供了丰富的组件库，包括表格、树形视图、图表和其他...通过学习这个实例，开发者可以更好地理解和掌握ExtJS的MVC模式及其在实际项目中的应用。

    ExtJS入门教程-超级详细-共36页 完整版 PDF

    ExtJS入门教程-超级详细-共36页 完整版 PDF，电子书方便阅读和分享。

    EXTJS桌面系统-完整实例

    EXTJS桌面系统-完整实例 数据库可以根据映射文件自己简历 这里只是为大家展示一下

    extjs实例--------嗖嗖嗖

    总的来说，理解并改编这个"嗖嗖嗖"项目需要深入学习ExtJS框架，熟悉其组件、布局、数据处理等方面的知识，并通过查看示例代码和资源文件来逐步掌握项目的运作机制。这是一个挑战，但也是一次提升你JavaScript和前端...

    extjs-620-docs.rar完全离线版

    此"extjs-620-docs.rar"压缩包包含了该版本的完全离线版API文档，旨在解决在没有网络连接或网络环境不稳定时，开发者仍然可以便捷地查阅和学习ExtJS 6.2.0的相关知识。 API 文档是任何开发者的重要工具，特别是对于...

Magicbox
Global site tag (gtag.js) - Google Analytics