随笔分类 -  ExtJS

ExtJS 综合应用
摘要：代码: Ext.onReady(function () { var yesnostore = Ext.create('Ext.data.Store', { fields: ['abbr', 'name'], data: [ ... 阅读全文
posted @ 2012-03-12 13:50 高捍得 阅读(598) 评论(0) 推荐(0)
ExtJS 主题
摘要：Sass简介 Sass是css的一个拓展.为css提供了 变量, 内嵌规则,混入,选择器继承 等特性. Sass为 css级联样式表提供了编程的能力. Compass简介 是一个开源的CSS创作框架,它使用sass样式语言,内置了大量的Web开发中可重用的优秀模式, 定制主题: 1.规划源文件和输出文件 新目录的 层次, my-sass内的文件是从sass文件内复制过来的,为了... 阅读全文
posted @ 2012-03-02 14:49 高捍得 阅读(377) 评论(0) 推荐(0)
ExtJS之 操作DOM元素
摘要：选择器: Ext.select() //样式表选择器 Ext.Query() //参数可以使 元素,属性,伪类,css样式 返回值 是 符合条件的节点的数组 alert(Ext.query("font")[0].id); alert(Ext.query("#aaaa")[0].id); alert(Ex... 阅读全文
posted @ 2012-03-02 12:55 高捍得 阅读(1740) 评论(0) 推荐(0)
ExtJS之 Tree
摘要：简单例子: var store = Ext.create('Ext.data.TreeStore', { root: { expanded: true, text: "", user: "", ... 阅读全文
posted @ 2012-03-01 16:29 高捍得 阅读(654) 评论(0) 推荐(0)
ExtJS之 grid表格详解
摘要：简单表格 排序,显示某列,读取本地数据 //本地数据 var datas = [ ['1', 'gao', 'man'], ['2', 'gao', 'man'], ['3', 'gao', 'man'] ]; //创建... 阅读全文
posted @ 2012-02-28 17:39 高捍得 阅读(3671) 评论(0) 推荐(0)
ExtJS之 Proxy数据代理
摘要：代理种类截图: ExtJS提供的数据代理主要分为两大类: 1.客户端代理 (Ext.data.proxy.Client) 2.服务器代理(Ext.data.proxy.Server) 这两个类 都继承自 Ext.data.proxy.Proxy , 客户端代理主要包括:Memory WebStorage SessionStorage LocalStorage 服务器端代理包... 阅读全文
posted @ 2012-02-28 11:51 高捍得 阅读(8236) 评论(0) 推荐(0)
ExtJS之 数据模型
摘要：Model 1.首先定义 一个 User的数据模型 Ext.define('User', { extend: 'Ext.data.Model', fields: [ //定义字段 { name: 'name', type: 'string' }, { name: 'age', type: 'int' }, { name: 'p... 阅读全文
posted @ 2012-02-27 14:56 高捍得 阅读(608) 评论(0) 推荐(0)
ExtJS对 Ajax的支持
摘要：Ext.Ajax.Request var name = document.forms['ss'].uname.value; var pwd = document.forms['ss'].pwd.value; function send() { Ext.Ajax.request({ ... 阅读全文
posted @ 2012-02-27 13:22 高捍得 阅读(305) 评论(0) 推荐(0)
ExtJS之 事件特性
摘要：Ext.EventObject(事件对象) Ext.onReady(function () { var content = Ext.get('Button1'); function handlerClick(e) { alert(e.getPageX()); } //获取页面x坐标 c... 阅读全文
posted @ 2012-02-27 09:53 高捍得 阅读(205) 评论(0) 推荐(0)
ExtJS之 标准布局类(针对于panel)
摘要：Fit自适应布局 使唯一的子元素充满父容器,如果父容器有两个或多个子元素,那么只显示第一个子元素(前提是没有设置 autoScroll: true属性) Accordion布局(折叠布局) 代码: Ext.create('Ext.panel.Panel', { title: 'Acc... 阅读全文
posted @ 2012-02-24 09:02 高捍得 阅读(1724) 评论(0) 推荐(0)
ExtJS之面板
摘要：Ext.panel.Panel 它可以应用布局,也可以作为其他组件的容器. 标准的组件包括: 1.底部工具栏(bottom toolbars) 2.顶部工具栏(top toolbars) 3.面板头部(header) 4.面板底部(footer) 5.面板体(body) 下面看下标准的面板: 代码如下: Ext.create('... 阅读全文
posted @ 2012-02-23 09:53 高捍得 阅读(1068) 评论(0) 推荐(0)
ExtJS之 表单
摘要：简单表单: Ext.QuickTips.init(); //初始化信息提示功能 var form = new Ext.form.Panel({ title: 'form', height: 300, width: 300, ... 阅读全文
posted @ 2012-02-23 08:58 高捍得 阅读(3193) 评论(0) 推荐(0)
ExtJS之 工具栏和菜单栏 ( Ext.toolbar.Toobar )
摘要：简单工具栏: var t = new Ext.toolbar.Toolbar({ renderTo: 'ddd', width: 300 }); t.add([ { ... 阅读全文
posted @ 2012-02-22 12:51 高捍得 阅读(2911) 评论(0) 推荐(0)
ExtJS之 进度条 ( Ext.ProgressBar)
摘要：手工模式的进度条 var ProgressBar = new Ext.ProgressBar({ width: 200, renderTo: 'ddd' }) var count = 0; var percent = 0; ... 阅读全文
posted @ 2012-02-22 10:18 高捍得 阅读(956) 评论(0) 推荐(0)
ExtJS之 信息提示框 Ext.window.MessageBox
摘要：这个组件 继承自 Ext.window对象,用来生成各种风格的信息提示匡.而 Ext.MessageBox和 Ext.Msg 只是引用了 Ext.window.MessageBox的实例对象.简化开发 注意: 1.Ext.MessageBox产生的弹出框,并不是一个真正的窗口,而是一个层 (即div),所以无法用窗口捕捉软件来得到它. 2.Ext.MessageBox信息框 显示... 阅读全文
posted @ 2012-02-22 09:34 高捍得 阅读(4670) 评论(0) 推荐(0)
ExtJS Button简单应用
摘要：Ext.create("Ext.Button", { text: "click", //文字 renderTo: Ext.getBody(), //页面展示 height: 40, width: 100, styl... 阅读全文
posted @ 2012-02-21 12:02 高捍得 阅读(354) 评论(0) 推荐(0)
ExtJS grid简单应用之 展示JSON数据
摘要：Grid功能: 展示json数据,编辑行,排序,分页.分页功能要根据请求URL的参数,在服务器端返回相应JSON,此处服务端未写.(url参数,可通过firebug控制台查看)1,首先引用 <script src="ext-4.0.0/ext-all.js" type="text/javascript"></script> //ExtJS文件 <link href="ext-4.0.0/resources/css/ext-all.css" rel="stylesheet" type=& 阅读全文
posted @ 2012-02-21 11:27 高捍得 阅读(1634) 评论(0) 推荐(0)