Extjs Hello extjs

<html >
<head runat="server">
    <title></title>

    <link  rel="stylesheet"  href="Js/ext-4.2/resources/css/ext-all-neptune.css"/>

    <script src="Js/jQuery/jquery-1.8.2.min.js" type="text/javascript"></script>

    <script type="text/javascript" src="Js/ext-4.2/bootstrap.js"></script>
    <script type="text/javascript" src="Js/ext-4.2/locale/ext-lang-zh_CN.js"></script>

   <script type="text/javascript">
       $(document).ready(function() {
           function init() {
               Ext.MessageBox.alert("ExtJS", "Hello ExtJS");
           }
           Ext.onReady(init);
       });

       function onclicks() {
           Ext.MessageBox.alert("ExtJS", "你好 ExtJS");
       }

   </script>
</head>
<body>
    <form id="form1" >
    <div>
        <input type="button" value="提交" onclick="onclicks()" />
    </div>
    </form>
</body>
</html>
时间: 2024-11-07 12:17:04

Extjs Hello extjs的相关文章

【ExtJs】ExtJs的富文本编辑器

对于ExtJs表单中的多行文本框,本身就自带一个没有格式的textareafield. 如果要呈现一个带格式的文本编辑器给用户,ExtJs本身就自带一个htmlEditor. 一.基本目标 比如下图的带编辑器的文本框. 这个组件具有加粗.斜体.下划线,增加减少字号,颜色等功能,而且自动会对文本自动编码,无需担心跨站攻击,只要在后台防范好SQL注入就可以了. 如下图,即使在文本框输入如下网页脚本,也是能够正常运行的. 二.基本思想 首先,这个网页在ExtJs的布局如下,这个组件是由一个含有bbar

【ExtJs】ExtJs的文件上传

ExtJs的文件上传也是采用Ajax的方式,基本上,用户上传之后,其结果马上推回给前台.下面以一个ExtJs图片上传系统,说明这个问题. 一.基本目标 实现如下的一个图片上传的系统,不是基本图片格式,大于1M的图片不给予上传,上传成功显示图片,上传不成功,则显示错误信息. 二.基本思想 这个工程的目录结构如下, 如FileUpload.html的HTML布局所示,js与ext-theme-classic下面皆是Ext的基本资源.然后Upload文件夹用来存放上传的图片,FileUpload.ht

ExtJS视频教程 ExtJS实战教程完整版30讲

本教程由齐学网整理提供,更多好资源尽在齐学网! ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架.        其功能丰富,无人能出其右.        无论是界面之美,还是功能之强,ext的表格控件都高居榜首.单选行,多选行,高亮显示选中的行,拖拽改变列宽度,按列排序,这些基本功能ExtJS轻量级实现.自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能.再加上可编辑g

[extjs(1)] extjs第一个组件treepanel

刚刚在接触extjs这个前段插件,由于公司是用这个来做前段的,所以有必要花点时间来掌握一下,下面是我自己的非常浅的学习总结,后期会慢慢添加的!! 一.TreePanel基本配置参数: animate:true//展开,收缩动画,false时,则没有动画效果 autoHeight:true//自动高度,默认为false enableDrag:true//树的节点可以拖动Drag(效果上是),注意不是Draggable enableDD:true//不仅可以拖动,还可以通过Drag改变节点的层次结构

ExtJs之ExtJs.Model验证

没有搞好,但知道意思和配置,并且好像4和3的没有兼容性语法,所以网上找了新语法才出来了点东东. <!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet&q

【ExtJs】ExtJs的表单插件与表单布局、提交与验证

利用ExtJs的Anchor可以为ExtJs自带的表单Form各个组件进行布局,当然,使用<[ExtJs]带日期组件的文本输入框.容器与Ext.Msg.alert告警框告警两次>(点击打开链接)中的vbox也是可以的.其实ExtJs的表单插件与表单布局并不是关键,ExtJs的表单验证还好,就几行语句就能够完成.关键是ExtJs的表单提交必须通过Ajax方式,而在后台必须传回一个Json完成表单的提交,可能有点复杂,下面就以php作为ExtJs的后台处理来说明问题ExtJs的表单.aspx,js

【ExtJs】ExtJs的Ajax

这东西非常简单,只要你会用aspx,jsp,php等任意一种服务器语言或者框架,知道怎么获取页面传递参数就行了. ExtJs的Ajax甚至比Jquery的还要简短. 一.基本目标 就比如如下图的一个极其简单的例子,Ajax.html有一个按钮,一点击,传递a=10与b=20这两个值去Helloworld.jsp或者Helloworld.php,然后Helloworld.jsp或者Helloworld.php向前台返回信息: 二.Jsp版的ExtJs的Ajax 1.首先在Eclipse for J

Extjs视频

Extjs视频http://www.youku.com/playlist_show/id_19343298.html ExtJs视频教程(关东升) 智捷关东升老师ExtJs视频教程AJAX框架-ExtJs简介观看地址:[url]http://v.youku.com/v_show/id_XMTUxMjg3NTMy.html AJAX框架-ExtJs细化-1观看地址:http://v.youku.com/v_show/id_XMTUwOTc2Mzg0.html AJAX框架-ExtJs细化-2观看地

ExtJs笔记

1.Ext简介.Extjs是一个Ajax框架,是一个用javascript写的,用于在客户端创建丰富多彩的web应用程序界面.ExtJs可以用来开发RIA(Rich Internet Application,富互联网应用系统)的Ajax应用框架.ExtJs是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架.因此,可以把ExtJs用在.Net,Java.Php等各种开发语言开发的应用中2.Ext库文件说明