hnhnhnhnhn
- 浏览: 77005 次
-
最新评论
-
angryfrank：
收获良多，赞
ExtJS4学习笔记十－－Grid使用 -
万俟辉夜：
楼主知不知道怎么通过已知的行数和列数取得grid中该单元格的信 ...
ExtJS4学习笔记十－－Grid使用 -
endual：
请问博主，我是用mvc的，请问form.panel怎么绑 ...
ExtJS4学习笔记九－－数据模型的使用 -
365353650：
<%@ page language="java ...
ExtJS4学习笔记九－－数据模型的使用 -
binjoo：
有password类型的文本框??
ExtJS4学习笔记二－－表单控件相关
文章列表
一、树面板简单示例
var tree = Ext.create('Ext.tree.Panel', {
title: '树面板简单示例',
width : 150,
height : 100,
renderTo: Ext.getBody(),
root: {
text: '树根',//节点名称
expanded: true,//默认展开根节点
children: [{
text: '节点一',/ ...
一、grid的例：
//配置表格列
{header: "姓名", width: 50, dataIndex: 'name'},
{header: "组长", width: 50, dataIndex: 'leader',
xtype: 'booleancolumn',//Ext.grid.column.Boolean布尔列
trueText: '是',
falseText: '否'
},
{header: "生日", width: ...
1、创建Ext.data.Model数据实体模型
//注册用户数据模型User
Ext.regModel('User', {
fields: [//定义模型字段
{name: 'name', type: 'string'},
{name: 'age', type: 'int'},
{name: 'phone', type: 'string'}
]
});
//创建User模型的实体对象 ...
1、append方法
var tpl = new Ext.Template(//定义模板
'<table border=1 cellpadding=0 cellspacing = 0>',
'<tr><td width=90>姓名</td><td width=90>{0}</td></tr>',
'<tr><td>年龄</td><td>{1}</td></tr>',
'<tr><td>性别</t ...
一、addListener方法
var button = Ext.get('btn');
button.addListener('click',hello1);//绑定事件处理函数
button.addListener('click',hello2);
二、ExtJS支持的自定义事件
//创建Person类
var Person = Ext.extend(Ext.util.Observable,{
constructor : function(name){
this.name = name;
this.sayNum = 0;
this.say = fun ...
1、获取页面上的HTML元素，并进行处理，使用Ext.get('elid')方法，参数为HTML元素的id值，由此可对获取到的元素进行各种处理。例如：
var el = Ext.get("the-id");
var appendEl = Ext.get("the-id-append");
function fn1(){
Ext.Msg.alert("提示","您在id为'the_id'的Element上按下了ctrl+c键");
}
el.addCls("special-css&quo ...
标准面板：
Ext.create('Ext.panel.Panel',{
title:'面板头部（header）',
tbar : ['顶端工具栏(top toolbars)'],
bbar : ['底端工具栏(bottom toolbars)'],
height:200,
collapsible : true,
collapseDirection : 'left',
width:300,
frame:true,
renderTo: Ext.getBody(),
bodyPadding: 5,
bodySty ...
ExtJS4学习笔记四－－图片上传
- 博客分类：
- ExtJS4
前端程序：
<HTML>
<HEAD>
<TITLE>Ext.form.field.File示例</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../../ext-4.0/resources/css/ext-all.css&qu ...
前端页面：
<HTML>
<HEAD>
<TITLE>远程数据源的组合框示例</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="extjs4/resources/css/ext-all.css" />
< ...
二、表单部分相关
<HTML>
<HEAD>
<TITLE>提示信息</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../../ext-4.0/resources/css/ext-all.css" />
& ...
开始学习ExtJs4，陆续记录学习过程，希望有所用处：
特别注意：在这里有些写法还是沿用之前版本，效果依然能够出来，当时最好进行改动，例如new可以改为Ext.create
一、基础知识
1、JAON对象的例子
<script type="text/javascript">
var person = { //json对象定义开始
name:'tom', //字符串
age:24, //数字
sex:'man',
married:false,//布尔值
books:[ //数组，在数组中又嵌入了两 ...
右键点击inf文件，没有出现安装，按如下步骤操作可以出现：
1、打开我的电脑——工具——文件夹选项——文件类型——找到INF——高级——新建，此时弹出一个“新操作”的窗口
2、填写如下内容：
1) 操作：安装&I
2) 用于执行操作的应用程序：C:\WINDOWS\System32\rundll32.exe setupapi,InstallHinfSection DefaultInstall 132 %1
3) “使用DDE”前面打钩
4) 应用程序：setupapi
5) 主题：System
3、其他的不用填，填写完上述内容后，点击确定，再次点击确定即可