- 浏览: 104531 次
- 性别:
- 来自: 成都
最新评论
-
王花蔡:
要加上 Ext.tip.QuickTipManager.in ...
EXTJS4中更改了ext:qtip的支持 -
王花蔡:
还是不行啊!
EXTJS4中更改了ext:qtip的支持 -
tmartin:
jackyrong 写道如果有个url ,是要保护的资源url ...
[转]spring基于url路径匹配用法讲解 -
jackyrong:
如果有个url ,是要保护的资源url,为/abc/abc.a ...
[转]spring基于url路径匹配用法讲解 -
wzwahl36:
<a href="http://redston ...
extjs如何操作panel的html
文章列表
1.extjs中创建应用用到的方法
MVC文件结构
Ext.application() 实际上是(类)Ext.app.Application
例子
Ext.application({
name: 'MyApp',
launch: function() {
Ext.create('Ext.container.Viewport', {
items: {
html: ' ...
1.表格面板类Ext.grid.Panel 两个别名xtype:(gridpanel, grid)
重要的配置参数
columns : Array 列模式(Ext.grid.column.Columnxtype: gridcolumn)
重要的配置参数
text : String 列的标题 默认是""
dataIndex : String 和Model的列一一对应的
sortable : true ...
Extjs学习笔记(十) 工具包util
- 博客分类:
- Exjs学习笔记
1.Ext.util.CSS
createStyleSheet( String cssText, String id ) : StyleSheet
创建一个ID="red" 内容为.c{color:red}的CSS样式
结果:
<style id="red" type="text/css">
.c{color:red}
<style>
// Ext.util.CSS
// 1.createStyleSheet( String cssText, String id ) ...
Extjs学习笔记(九) 核心包core
- 博客分类:
- Exjs学习笔记
1.Ext.core.Element
API解释
他是组建和控件的基础
他对一个DOM对象的封装(Document Object Model)
1.1如何得到Element
Ext.core.Element.fly(String/HTMLElement el, [String named] ) : Element
<div id="div01">
我事第一个div
</div>
css:
.divC{color:re ...
Extjs学习笔记(八) Ajax
- 博客分类:
- Exjs学习笔记
Ext.Ajax 是 Ext.data.Connection的一个子类,提供了用简单的方式进行Ajax的功能实现1.主要方法
abort : 终止一个没有完成Ajax请求
isLoading : 判断指定的Ajax请求是不是正在运行
paresStatus : 返回请求响应的代码
request : 发送服务器请求 -----> 重点
//eval()
执行括号内部的字符串
如:eval("alert(''hello)")
(function(){
Ext.onReady(f ...
EXTJS 4.0 xtype列表
- 博客分类:
- WEB前端
This is the list of all valid xtypes:
xtype Class
------------- ------------------
button Ext.button.Button
buttongroup Ext.container.ButtonGroup
colorpalette Ext.picker.Color
component Ext.Component
container Ext.container.Container
cycle ...
Html事件列表
一般事件:
onClick HTML
: 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击
onDblClick HTML: 鼠标双击事件
onMouseDown HTML: 鼠标上的按钮被按下了
onMouseUp HTML: 鼠标按下后,松开时激发的事件
onMouseOver HTML: 当鼠标移动到某对象范围的上方时触发的事件
onMouseMove HTML: 鼠标移动时触发的事件
onMouseOut HTML: 当鼠标离开某对象范围时触发的事件
onKeyPress HTML: 当键盘上的某个键被按下并且释放时触发的事件.[注 ...
Extjs学习笔记(七) 事件
- 博客分类:
- Exjs学习笔记
1.传统事件绑定回顾
1.1第一种
<script type="text/javascript">
function hello(){
alert('hello word');
}
</script>
html 调用
<input type="button" id="btn1" value="第一种事件绑定方式" onClick="hello()">
1.2第二种
if(Ext.isIE){
doc ...
Extjs学习笔记(六) 数据集
- 博客分类:
- Exjs学习笔记
store是一个存储数据对象Model
的集合缓存,他可以为extjs的可视化组建提供数据(GridPanel,ComboBox)等
结构图
@Ext.data.Store 使用
参数
autoLoad(Boolean/Object) : 自动加载数据,自动调用load
data(Array) : 内置数据对象的数组,初始化的是就要被装在
model(Model): 数据集合相关的模型
fields(Field):字段的集合,程序会自动生成对于的Model
方法
each( Fun ...
Extjs学习笔记(五) 数据读写器
- 博客分类:
- Exjs学习笔记
结构:
Modle中
结构图
Ext.data.reader.Reader 读取器的根类
Ext.data.reader.Json JSON格式的读取器
Ext.data.reader.Array 扩展JSON的Array读取器
Ext.data.reader.Xml XML格式的读取器
@Ext.data.reader.Json
(function(){
Ext.onReady(function(){
var userData = {
//total : ...
Extjs学习笔记(四) 数据代理
- 博客分类:
- Exjs学习笔记
数据代理proxy是进行数据读写的主要途径
结构图:
Ext.data.proxy.Proxy 代理类的根类(他分为客户端(Client)代理和服务器代理(Server))
Ext.data.proxy.Client 客户端代理
Ext.data.proxy.Memory 普通的内存代理 ----[重点]
Ext.data.proxy.WebStorage 浏览器客户端存储代理
Ext.data.proxy.SessionStorage 浏览器级别代理----[重点]
...
数据集MODEL
类层次图
@
MODEL概念:
数据模型对真实世界中对事物在系统中的反应 extjs4.0中的mode相当于 DB中的table 或 JAVA 中的Class
@model的创建:
//第一种方式 我们利用Ext.define来创建我们的模型类
//DB table person(name,age,email)
Ext.define("person",{
//继承
extend:"Ext.data.Model& ...
Extjs学习笔记(二) 特性
- 博客分类:
- Exjs学习笔记
@JS 类的声明,和对象的创建
类的创建,实际是创建一个function。使用时要先new
function user(){
//this 相当于 高级语言的public
this.Name = 'uspcat';
this.age = 26;
//var 就相对于高级语言当中的private
var email = "yfc@126.com"
//以下相当于java中的geter
this.getEmail = function(){
return em ...
Extjs学习笔记(一) 初步认识
- 博客分类:
- Exjs学习笔记
@只需要引入'bootstrap.js'即可
该JS内部动态引用ext-all.js或者debug.js。
@Ext.Array.
@
Ext.Array.
every(myArray,function(item){})
函数遍历整个myArray数组,item为每次遍历时,数组中元素。
@
var newArray = Ext.Array.
filter(myArray,function(item){})
函数用于根据函数过滤,返回ture留下。形成新数组。
@Object
var Person = {na ...
在学习spring testContext的时候遇到一个路径问题。
参考文档
http://www.ibm.com/developerworks/cn/java/j-lo-spring25-test/
我的项目路径结构:
MyProject
└-src
└-test
└-hrtest
└-userServiceTest.java //我的测试类
└-userServiceTest-context.xml
└-WebRoot
└-WEB-INF
...