Ext学习

 
?Ext学习用他来实现一个后台的版面

备注：
一、开始学习实例中的代码，感觉很复杂，错综复杂的。要一点点的弄明白代码的含义才好
这里放一个正在看的资料的链接
内容提要：


 代码：
// 每段高亮显示
Ext.select('p').highlight();

  初步应用打算
用来在很过个杂乱无章的页面对象里面，指出一部分对象来

 

一个新的代码的写法，可以增加一些代码的重用。
var paragraphClicked = function(e) {
Ext.get(e.target).highlight();
}
Ext.select('div').on('click', paragraphClicked);

--------
一带有效果的弹出窗口
--------
Ext.onReady(function(){
var paragraphClicked = function(e) {

var paragraph = Ext.get(e.target);
paragraph.highlight();

Ext.MessageBox.show({
title: 'Paragraph Clicked',
msg: "<img src='"+paragraph.dom.src+"'/>",
//width:400,
buttons: Ext.MessageBox.OK,
animEl: paragraph
});
}

Ext.select('img').on('click', paragraphClicked);
});

--------------------
//在一个div里面更新内容
Ext.get('center1').update('<div id="test"></div>');

//把一个窗口添加到指定的 div里面去
new Ext.Panel({
renderTo: 'test',
width: '200px',
title: 'My Title',
html: 'My HTML content'
});
----------------
myDiv.highlight(); //黄色高亮显示然后渐退
myDiv.addClass('red'); // 添加自定义CSS类 (在ExtStart.css定义)
myDiv.center(); //在视图中将元素居中
myDiv.setOpacity(.25); // 使元素半透明

--------

//这些代码是输出一个表格
    
 
var table = new Ext.Panel({
    renderTo: 'table',
    
    
    //叫一个标题栏目
    //title: 'Table Layout',
    layout:'table',
    defaults: {
        // applied to each contained panel
        bodyStyle:'padding:20px'
    },
    layoutConfig: {
        // The total column count must be specified here
       columns:6
    },
    items: [{
        html: '<p>Cell A con66tent</p>'
        
    },{
        html: '<p>Cell B content</p>',
     
    },{
        html: '<p>Cell B content</p>',
     
    },{
        html: '<p>Cell B content</p>',
     
    },{
        html: '<p>Cell B content</p>',
     
    },{
        html: '<p>Cell B content</p>',
     
    },{
        html: '<p>Cell B content</p>',
    } ]
});
       

 

 

 

--

<a href="http://www.freegmail.com.cn">快网</a>

<a href="http://www.18west.cn">18west</a>

如烟往事俱忘却，心底无私天地宽

---

[广告] 金秋最关注楼盘-房不胜房