Ext4.0
lvdong5830
这个作者很懒,什么都没留下…
展开
-
ExtJs4 笔记(9) Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件...
本篇讲解三个容器类控件。 一、面板控件 Ext.Panel 一个面板控件包括几个部分,有标题栏、工具栏、正文、按钮区。标题栏位于最上面,工具栏可以在四个位置放置,围绕中间部分正文,按钮区位于最小方。下面介绍几个基本配置项: 1.title:设置面板标题文本。 2.tbar,lbar,rbar,bbar:分别设置上、左、右、下四个部位的工具栏。 3.html,items:前者用来设置正...原创 2011-12-21 11:24:22 · 217 阅读 · 0 评论 -
ExtJs4 与 SASS 的亲密接触——使用 SASS 自定义主题
ExtJs4 与 SASS 的亲密接触——使用 SASS 自定义主题 SASS 是一个在 Ruby 社区兴起的样式语言,支持嵌套、变量、混入、继承等等语言特性,通过命令行工具或Web框架插件生成标准的 CSS 样式(参加SASS主页http://sass-lang.com/)。使用 SASS 定义的样式代码更少、更清晰,更重要的是减少重复代码,符合 DRY 原则。让人高兴的...原创 2012-04-25 20:43:50 · 107 阅读 · 0 评论 -
Extjs4 comboboxtree下拉勾选树
Extjs4 comboboxtree下拉勾选树(更新中) 2011-06-08 15:30:54| 分类: extjs|字号 订阅 如图 : Ext.define("Ext.ux.comboboxtree", { extend : "Ext.form.field.Picker", requires : ["Ext.tree.Panel...原创 2011-12-28 11:45:06 · 177 阅读 · 0 评论 -
ExtJS4学习笔记二--表单控件相关
二、表单部分相关 Html代码 <HTML> <HEAD> <TITLE>提示信息</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel=&原创 2011-12-27 15:06:47 · 138 阅读 · 0 评论 -
每天一剂ExtJS良药
转自http://blog.csdn.net/zhangxin09/article/details/4769886 一、如何同步调用Ajax远程数据 view plain // 同步方式,API不直接提供,获取XHR的conn的引用即可 var url = "myApp/getUserList.do"; var conn = new Ext.data...原创 2011-12-26 21:48:42 · 72 阅读 · 0 评论 -
每天一剂Ext良药(二)
四十、创建一个在线HTML编辑器的最简单方法 如以下的HTML(就是一个textarea来放置内容)和JS: <textarea class="edk-htmlEditor">fvgssdfsd</textarea> view plain Ext.onReady(function(){ Ext.QuickTips.init();...原创 2011-12-26 21:44:12 · 127 阅读 · 0 评论 -
浏览器可以注册事件的清单
Html事件列表 一般事件:onClick HTML: 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick HTML: 鼠标双击事件onMouseDown HTML: 鼠标上的按钮被按下了 onMouseUp HTML: 鼠标按下后,松开时激发的事件 onMouseOver HTML: 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove HTML: 鼠标...原创 2011-12-26 14:09:07 · 65 阅读 · 0 评论 -
EXTJS 4 动态加载GRID
EXTJS 4 动态加载GRID Ext.onReady(function() { Ext.Ajax.request({ url: "/Sys_Module/GetGridInfo", params: {}, success: function(response, config) { json = Ext.JS...原创 2011-12-25 08:40:56 · 83 阅读 · 0 评论 -
extjs4 常用总结
关于设定输入域标签样式问题: 这里有两个属性可用1. labelCls 用来指定一个样式class,2.labelStyle 直接写css样式 { xtype: 'textfield', labelCls: '...原创 2011-12-24 21:54:18 · 243 阅读 · 0 评论 -
ExtJS4学习笔记六--一些小知识点
1、获取页面上的HTML元素,并进行处理,使用Ext.get('elid')方法,参数为HTML元素的id值,由此可对获取到的元素进行各种处理。例如: Javascript代码 var el = Ext.get("the-id"); var appendEl = Ext.get("the-id-append"); function fn1(){ ...原创 2011-12-24 21:50:20 · 147 阅读 · 0 评论 -
ExtJs4 笔记(5) Ext.Button 按钮
从本篇开始讲基础控件,ExtJs对所有的UI控件都有它自己的一套封装。本篇要讲到的是ExtJs的按钮。主要包括按钮事件、带分割线、带图标、带菜单的按钮,下拉选项式按钮和按钮组合等。我们先看看效果图: 预览 如下是用到的html: [html] ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ...原创 2011-12-21 11:32:37 · 138 阅读 · 0 评论 -
ExtJs4 笔记(6) Ext.MessageBox 消息对话框
本篇演示消息对话框的用法,ExtJs封装了可能用到的各类消息框,并支持自定义的配置。 如下是用到的html: [html] ? 1 2 3 4 5 6 7 8 9 <h1>各种消息框</h1> <div id="div1" class="content"> <button id="b...原创 2011-12-21 11:30:54 · 138 阅读 · 0 评论 -
ExtJs4 笔记(7) Ext.tip.ToolTip 提示
本篇介绍提示控件,ExtJs支持两种方式定义提示,可以支持普通html元素和一般的ExtJs UI控件。 一、基本提示 Ext.tip.ToolTip 1.最简单的提示 下面通过代码定义一个最简单的提示,首先在HTML加入一个div,我们要实现当鼠标移动到这个div上时,自动出现提示,如下是html内容: [html] ? 1 <div id...原创 2011-12-21 11:29:17 · 238 阅读 · 0 评论 -
ExtJs4 笔记(8) Ext.slider 滚轴控件、 Ext.ProgressBar 进度条控件、 Ext.Editor 编辑控件...
本篇要登场的有三个控件,分别是滚轴控件、进度条控件和编辑控件。 一、滚轴控件 Ext.slider 1.滚轴控件的定义 下面我们定义三个具有代表意义滚轴控件,分别展示滚轴横向、纵向,以及单值、多值选择的特性: [html] <h1>滚轴控件</h1> <div class="content"> <h2&...原创 2011-12-21 11:27:48 · 90 阅读 · 0 评论 -
关于ExtJS grid标题中复选框与文字错位的问题解决方法!
关于ExtJS grid标题中复选框与文字错位的问题解决方法! 先看下问题,如图: 解决办法:新建CSS .ext-ie7 .x-menu-item-icon, .ext-ie6 .x-menu-item-icon {left: -24px;} .ext-ie8 .x-menu-item-icon, .ext-ie7 .x-menu-item-icon, .ext-...原创 2012-02-06 08:08:37 · 125 阅读 · 0 评论