EXTJS
关注
分享
扫一扫
odng
我是好人，哈哈哈！！！
展开
-
ExtJS基础第一讲学习
最近好像要用到这个，所以学习下，这个视频大概是很久很久以前的，我都不想吐槽了，但是我觉得作为ExtJS的入门还是可以的！记录些自己的笔记吧！EXTJS入门：1.下载ExtJS开发包2.了解该开发包adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。build： 压缩后的ext全部源码(里面分类存放)。docs： API帮助文档。e...原创 2018-11-10 13:55:45 · 281 阅读 · 0 评论 -
第九讲：ExtJS组件之FormPanel(中)
ComboBox组合框。示例一：显示本地数据。（相应的一定会有远程数据，教程一般都是模拟数据，事实上数据处理的能力一定要强） Ext.onReady(function(){ Ext.QuickTips.init(); var store = new Ext.data.SimpleStore({ fields:["city"], data:[...原创 2018-11-25 15:25:08 · 280 阅读 · 0 评论 -
第十讲：ExtJS组件之FormPanel(下)
TimeField时间选择框示例一：简单应用。 Ext.onReady( function() { Ext.BLANK_IMAGE_URL = "../Ext/resources/images/default/s.gif"; var formPanle = new Ext.FormPanel({ renderTo:"TestTimeFiel...原创 2018-11-25 16:00:00 · 341 阅读 · 1 评论 -
第十四讲：ExtJS常用工具类和函数(中)
Ext.DomHelper。1.append( Mixed el, Object/String o, [Boolean returnElement] ) : HTMLElement/Ext.Element创建一个新的DOM元素并添加到el参数 o 是一个DOM对象或一个原始html块 Ext.onReady(function(){ Ext.DomHelper.append...原创 2018-12-06 21:10:40 · 292 阅读 · 0 评论 -
第十五讲：ExtJS常用工具类和函数(下)
Ext.DomQuery示例一：简单的应用 Ext.onReady(function(){ var divs = Ext.query("div"); Ext.each(divs,function(item,index,allItems){ alert(item.innerHTML); }) }); Ext.onR...原创 2018-12-06 22:06:15 · 270 阅读 · 0 评论 -
第十六讲：ExtJS组件之GridPanel(上)
数据存储器由Ext.data.Store定义，数据存储器根据解析的数据不同分为JsonStore、SimpleStroe、GroupingStore等。示例一：最简单的GridPanel。 Ext.onReady(function(){ var data = [ [1,"张三",20], [2,"李四",20], [3,"王五",20], [4...原创 2018-12-12 10:26:30 · 252 阅读 · 0 评论 -
第十七讲：ExtJS组件之GridPanel(中)
1.记录类型。示例一：当数据为二维数组时 Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = "../Ext/resources/images/default/s.gif"; //数据 var data = [ [1,"张三",45], [2,"李四",23], [3,"王五",12]...原创 2018-12-12 10:28:22 · 277 阅读 · 0 评论 -
第十八讲：ExtJS组件之GridPanel(下)
1.表格视图。 <?xml version="1.0" encoding="UTF-8"?> <dataset> <row> <id>1</id> <name>张三</name> <age>43&a原创 2018-12-12 11:36:39 · 276 阅读 · 0 评论 -
第十九讲：ExtJS与服务器交互
一、向服务器发送请求。1.通过Ext.Ajax.request向服务器发送请求。2.通过url属性来指定发送请求的地址。3.通过params属性来设置请求参数。（参数的格式是核心）4.callback属性来指定回调函数。示例一：发送请求。//这个格式就非常的简单了，但是实际中这样用的并不多 Ext.Ajax.request({ url:"loginServer...原创 2018-12-12 11:40:49 · 434 阅读 · 0 评论 -
第八讲：ExtJS组件之FormPanel(上)
示例一：最简单的FormPanel示例。 Ext.onReady(function(){ var form = new Ext.FormPanel({ renderTo:"form", title:"表单Panel", width:300, height:300, frame:true, items:[ new Ext.fo...原创 2018-11-25 13:46:57 · 963 阅读 · 0 评论 -
第七讲：ViewPort和TabPanel
ViewPort代表整个浏览器显示区域，该对象渲染到页面的body区域，并会随着浏览器显示区域的大小自动改变，一个页面中只能有一个ViewPort实例。示例一：显示单个Panel Ext.onReady(function(){ new Ext.Viewport({ title : 'ViewPort', layout:"fit", items: [...原创 2018-11-25 13:08:41 · 287 阅读 · 0 评论 -
ExtJS基础第二讲学习
第二讲：信息提示框组件1. Ext.MessageBox.alert()方法2. Ext.MessageBox.confirm()方法3. Ext.MessageBox.prompt()方法4. Ext.MessageBox.show()方法主要就是对JS的一些方法进行了自己封装，具体用的时候可以查看对应的API再就和代码学习1. Ext.MessageBox.alert()方法...原创 2018-11-10 14:02:14 · 286 阅读 · 0 评论 -
ExtJS基础第三讲学习
第三讲：面板组件Panel1.最简单的Panel示例。2.带滚动条的Panel3.可收缩的Panel4.包含顶部和底部工具栏的Panel5.为按钮添加事件处理6.可拖动的Panel7.拖动后，不显示以前位置的虚线框8.拖动后，停留在拖动位置9.拖动时，不显示以前的阴影10. Panel顶部工具栏示例一： Ext.onReady( function() {...原创 2018-11-10 14:04:32 · 226 阅读 · 0 评论 -
ExtJS基础第四讲学习
第四讲：工具栏和菜单栏一、头部工具栏。准备工作，创建一个Panel，代码如下。 Ext.onReady( function() { var mypanel = new Ext.Panel({ renderTo:hello, width:300, height:300, title:"Panel", html:"测试Panel...原创 2018-11-10 14:34:58 · 296 阅读 · 0 评论 -
ExtJS基础第五讲学习--Extjs窗口组件Window
第五讲：窗口组件Window示例一：显示Window <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/...原创 2018-11-10 15:55:38 · 439 阅读 · 0 评论 -
ExtJS基础第六讲学习------布局方式
第六讲：ExtJS布局方式示例一：两个嵌套子面板。 Ext.onReady( function() { new Ext.Panel({ renderTo:hello, width:400, height:300, title:"我是Panel", autoScroll:true, collapsible:true, ...原创 2018-11-10 16:31:58 · 288 阅读 · 0 评论 -
第十一讲：ExtJS组件之TreePanel(上)
示例一：最简单的树。 Ext.onReady(function(){ //根节点 var root = new Ext.tree.TreeNode({ id:"root", text:"根节点" }) //添加子节点 root.appendChild(new Ext.tree.TreeNode({ id:"chi...原创 2018-11-25 16:56:24 · 272 阅读 · 0 评论 -
第十二讲：ExtJS组件之TreePanel(下)
示例一：树的一些常用配置属性。 Ext.onReady(function(){ var loader=new Ext.tree.TreeLoader({ url:"treedata3.js" }); var root=new Ext.tree.TreeNode({ id:"root", text:"根节点" ...原创 2018-11-25 19:27:24 · 245 阅读 · 0 评论 -
第十三讲：ExtJS常用工具类和函数(上)
常用工具类和函数。1. Ext.onReady() Ext.onReady(function(){ Ext.MessageBox.alert("大家好","让我们回味一下!!"); }); 2. Ext.get() get方法用来得到一个Ext元素，也就是类型为Ext.Element的对象， Ext.Element类是Ext对DOM的封装，代表DO...原创 2018-11-25 22:17:17 · 303 阅读 · 0 评论 -
第二十讲：ExtJS与Struts 2框架整合
一、 XML与JSON的生成示例一：将Java对象转换成XML数据 package com.ibeifeng.xstream; import com.thoughtworks.xstream.XStream; import com.thoughtworks.xstream.io.xml.DomDriver; public class T...原创 2019-01-13 23:44:35 · 324 阅读 · 0 评论