Preparation Code Preparation HTML (this will be inserted in the <body> of a valid HTML5 document in standards mode)
<script src ="http://code.jquery.com/jquery-1.7.2.min.js" > </script >
<script src ="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js" ng:autobind > </script >
<script >
var Ctrl =function ($scope ){
$scope.data =[];
}
</script >
<div ng:app >
<ul ng-controller ="Ctrl" id ="angList" >
<li ng-repeat ="item in data" > {{item}}</li >
</ul >
<script >
var Set ANG= function (data ){
$('#angList' ).scope ().data =data;
$('#angList' ).scope ().$apply(function ( </script >
<script >
var CtrlUpdate =function ($scope ){
$scope.data =[];
}
</script >
<ul ng-controller ="CtrlUpdate" id ="angListUpdate" >
<li ng-repeat ="item in data" > {{item}}</li >
</ul > </div >
</div >
<script >
var Set ANGUpdate= function (data ){
$('#angListUpdate' ).scope ().data =data;
$('#angListUpdate' ).scope ().$apply(function ( </script >
<script src ="http://docs.sencha.com/ext-js/4-2/extjs-build/ext-all.js" > </script >
<div id ="extme" > </div >
<script >
var EXTData= [ ];
var store = Ext .create ('Ext.data.Store' , {
storeId :'employeeStore' ,
fields :['name' ],
data : EXTData
});
Ext .create ('Ext.view.View' , {
store : store,
tpl : new Ext .XTemplate (
'<tpl for=".">' ,
'<p>{name}</p>'
),
renderTo : Ext .getBody ()
});
var Set EXT=function (data ){
store.removeAll ();
store.add (data);
}
var ANG50ID =[];
for (var i=0 ; i<50 ;i++){
ANG50ID .push ('ITEM' );
};
var EXT50ID =[];
for (var i=0 ; i<50 ;i++){
EXT50ID .push ({name :'ITEM' });
};
var ANG100ID =[];
for (var i=0 ; i<100 ;i++){
ANG100ID .push ('ITEM' );
};
var EXT100ID =[];
for (var i=0 ; i<100 ;i++){
EXT100ID .push ({name :'ITEM' });
};
var ANG1000ID =[];
for (var i=0 ; i<1000 ;i++){
ANG1000ID .push ('ITEM' );
};
var EXT1000ID =[];
for (var i=0 ; i<1000 ;i++){
EXT1000ID .push ({name :'ITEM' });
};
</script >
Setup JS Set ANG([]);
Set EXT([]);
Set ANGUpdate(ANG100ID );
Teardown JS