Thu, 05 Mar 2009 02:55:00 GMT

提问一�Q�啥是ext�Q?/span>
ext是一套JS框架�Q�他可以创徏RIA富客��L��E�序�Q�可以像cs架构中的桌面应用那样�Q�界面丰富多�U�夺目炫丽，ajax遍地都是�Q�即点即改，提高用户体验,一个字---爽�?/span>
HelloWord�E�序

<html>
<meta http-equiv="Content-Type" content="text/html; charset="UTF-8" />
<head>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script type="text/javascript" src="adapter/ext/ext-base.js">script>
<script type="text/javascript" src="ext-all.js">script>

<script type="text/javascript">
Ext.onReady(function(){
Ext.Msg.alert('EXT�Ƣ迎�?, '��Z��开天辟�?);

});
script>
<title>Application Layout Tutorialtitle>
head>
<body>
body>
html>

引入ext的必备三个文�?/strong>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script type="text/javascript" src="adapter/ext/ext-base.js">script>
<script type="text/javascript" src="ext-all.js">script>

我们�q�x��要获取一个HTMl文档里的节点, 该怎么�?

var myDiv = document.getElementById('myDiv');

　　没错, �q�样会工作的很好, 而且现在大多��C�h也是�q�样来搞�? 但是�q�样在页面里一个两个可�? 多了��׃��很头�? 于是乎YUI-Ext�l�我们想��C��一个简单的�Ҏ��.

Ext.onReady(function() {
    var myDiv = Ext.get('myDiv');
});
　　��单吧(如果用Prototype.js里的语法更简单^_^).�q�样��可以得��C��个id为myDiv的元�? 然后把他的引用赋值给变量myDiv, �q�以�? 你就可以对这个div�q�行操作�? 比如:

myDiv.highlight();// �q�个元素的背景色会从高亮的黄色渐渐��E�?
myDiv.addClass('red');// 加入一个自定义的CSS样式�c?(�?ExtStart.css 里面定义)
myDiv.center();// 在浏览器里居中这个元�?/span>
myDiv.setOpacity(.25);// �l�这个元素加�?5%的半透明效果
　　现在我们知道怎样通过元素的ID来选择一个元�? 下面我们看看怎么选择一批元�?

Ext.select('p').highlight();
　　高亮所有标�{��ؓP的元�? 通过�q�个例子你就可以看到, 我们来选择��面上的一批元素有多么��? Ext为我们提供了一个接�? 通过�q�个接口我们可以来获取一�Ҏ��要的元素, �q��ؓ他们讄��属�? 不用循环, 不用遍历每一个元�?仅仅�q�些, �q�不�? Javascript是用事�g来驱动的, 我们�? ��来看看怎样响应一个事�?br />
Ext.onReady(function() {
    Ext.get('myButton').on('click', function(){
        alert("You clicked the button");
    });
});
　　�q�样��׃ؓ��面里ID为myButton的按钮加上了一个click事�g, 触发�q�个旉��以后会弹��Z��个提�C�框. 嘿嘿, 有没有发�? 我们不用再在��面里的元素�? 写上一�?onclick='showMessage', 然后在去JS里面, 写上一个showMessage函数�? 我们再来�l�所有的P标签都加上单��M��? �Ҏ��同上

Ext.onReady(function() {
    Ext.select('p').on('click', function() {
        alert("You clicked a paragraph");
    });
});
　　通过上面两个例子, 我们可以看到, 我们可以把一个事件处理用很简单的方式定义在一行里, 不用�l�出函数名称, 只写上函��C��, ��是所谓的匿名函数, 同样我们也可以在另外的地方写��Z��个函�? 然后把函数赋值给一个变�? 我们再在�q�里来��用它.

Ext.onReady(function() {
    var paragraphClicked = function() {
        alert("You clicked a paragraph");
    }
    Ext.select('p').on('click', paragraphClicked);
});
　　�q�次我们先实��C��一个函�? 然后赋值给paragraphClicked, 在事件调用的时候我们把�q�个句柄传了�q�去, �q�样也可以实��C��件的相应^_^.我们再来看看他还能干什�?

Ext.onReady(function() {
    var paragraphClicked = function(e) {
        var paragraph = Ext.get(e.target);
        paragraph.highlight();
    }
    Ext.select('p').on('click', paragraphClicked);
});
　　在所有的P标签上单�ȝ��时�? 都会高亮�q�个�D�落, 然后在��E�? 酷吧..下面我们再来看看更酷�? 消息框的使用.我们在上面的高亮语句下面再加上几�?br />
var paragraph = Ext.get(e.target);
    paragraph.highlight();

    Ext.MessageBox.show({
        title: 'Paragraph Clicked',
        msg: paragraph.dom.innerHTML,
        width:400,
        buttons: Ext.MessageBox.OK,
        animEl: paragraph
    });

可爱的小�?/a> 2009-03-05 10:55 发表评论

亚洲女女女同性video,亚洲乳大丰满中文字幕,亚洲精品无码少妇30P