Ext.fly和Ext.get差異在速度以及實際元素指向

fly比較快，但實際元素指向需要看前面程式碼是否有使用到別的元素

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Ext.get()/Ext.fly()區別</title>
<script type="text/javascript" src="shared/ext-base.js"></script>
<script type="text/javascript" src="shared/ext-all.js"></script>
<style type="text/css">
 body
 {
  padding:50px;
 }
 .error
 {
  color:Red;
 }
 #myElementId, #foo, #bar
 {
  width:300px;
  height:100px;
 }
</style>
</head>
<body>
<div id="myElementId">醉鄉路穩宜常至，他處不堪行</div>
<div id="foo">醉鄉路穩宜常至</div>
<div id="bar">他處不堪行</div>
<script type="text/javascript">
 Ext.fly('myElementId').removeClass('error');

 var el = Ext.fly('foo');
 Ext.fly('bar').frame();
 //Ext.fly('foo').frame();
 el.addClass('error'); //上面那行如果執行了 foo 會紅字

</script>
</body>
</html>

arrow
arrow
    文章標籤
    ExtJS
    全站熱搜

    黒森林蛋糕 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄