[AC-1306] ListView - first section doesn't scroll when doing pull to refresh

   var win = Ti.UI.createWindow({
   	top: 20
   });
   
   var counter = 0;
   
   function genData() {
   	var data = [];
   	var i=1;
   	for (i=1;i<=3;i++) {
   		data.push({ properties: { title: 'ROW ' + (counter + i) }})
   	}
   	counter += 3;
   	return data;
   }
   
   var section = Ti.UI.createListSection({ headerTitle: 'Section' });
   
   section.setItems(genData());
   
   var control = Ti.UI.createRefreshControl({
   	tintColor: 'red'
   });
   
   var listView = Ti.UI.createListView({
   	sections:[section],
   	refreshControl:control
   });
   
   control.addEventListener('refreshstart',function(e){
   	Ti.API.info('refreshstart');
   	setTimeout(function(){
   		Ti.API.debug('Timeout');
   		section.appendItems(genData());
   		control.endRefreshing();
   	}, 5000);
   });
   
   win.add(listView);
   win.open();
   

   if (tableController == nil) {
       tableController = [[UITableViewController alloc] init];
       [TiUtils configureController:tableController withObject:nil];
       tableController.tableView = [self tableView];
   }
   tableController.refreshControl = [_refreshControlProxy control];
   

   var win = Ti.UI.createWindow({backgroundColor: 'white', top: 20});
   var listView = Ti.UI.createListView({height:'90%', top:0});
   var sections = [];
    
   var fruitSection = Ti.UI.createListSection({ headerTitle: 'Fruits'});
   var fruitDataSet = [
       {properties: { title: 'Apple'}},
       {properties: { title: 'Apple'}},
       {properties: { title: 'Apple'}},
       {properties: { title: 'Apple'}},
       {properties: { title: 'Apple'}},
       {properties: { title: 'Apple'}},
       {properties: { title: 'Apple'}},
       {properties: { title: 'Banana'}},
   ];
   fruitSection.setItems(fruitDataSet);
   sections.push(fruitSection);
    
   var vegSection = Ti.UI.createListSection({ headerTitle: 'Vegetables'});
   var vegDataSet = [
       {properties: { title: 'Carrots'}},
       {properties: { title: 'Carrots'}},
       {properties: { title: 'Carrots'}},
       {properties: { title: 'Carrots'}},
       {properties: { title: 'Carrots'}},
       {properties: { title: 'Carrots'}},
       {properties: { title: 'Potatoes'}},
   ];
   vegSection.setItems(vegDataSet);
    
   var fishSection = Ti.UI.createListSection({ headerTitle: 'Fish'});
   var fishDataSet = [
       {properties: { title: 'Cod'}},
       {properties: { title: 'Cod'}},
       {properties: { title: 'Cod'}},
       {properties: { title: 'Cod'}},
       {properties: { title: 'Cod'}},
       {properties: { title: 'Cod'}},
       {properties: { title: 'Haddock'}},
   ];
   fishSection.setItems(fishDataSet);
   listView.sections = sections;
   var refreshCount = 0;
    
   function getFormattedDate(){
       var date = new Date();
       return date.getMonth() + '/' + date.getDate() + '/' + date.getFullYear() + ' ' + date.getHours() + ':' + date.getMinutes();
   }
    
   function resetPullHeader(){
       actInd.hide();
       imageArrow.transform=Ti.UI.create2DMatrix();
       if (refreshCount < 2) {
           imageArrow.show();
           labelStatus.text = 'Pull down to refresh...';
           labelLastUpdated.text = 'Last Updated: ' + getFormattedDate();
       } else {
           labelStatus.text = 'Nothing To Refresh';
           labelLastUpdated.text = 'Last Updated: ' + getFormattedDate();
           listView.removeEventListener('pull', pullListener);
           listView.removeEventListener('pullend', pullendListener);
           eventStatus.text = 'Removed event listeners.';
       }
       listView.setContentInsets({top:0}, {animated:true});
   }
    
   function loadTableData()
   {
       if (refreshCount == 0) {
           listView.appendSection(vegSection);
       } else if (refreshCount == 1) {
           listView.appendSection(fishSection);
       } 
       refreshCount ++;
       resetPullHeader();
   }
    
   function pullListener(e){
       eventStatus.text = 'EVENT pull FIRED. e.active = '+e.active;
       if (e.active == false) {
           var unrotate = Ti.UI.create2DMatrix();
           imageArrow.animate({transform:unrotate, duration:180});
           labelStatus.text = 'Pull down to refresh...';
       } else {
           var rotate = Ti.UI.create2DMatrix().rotate(180);
           imageArrow.animate({transform:rotate, duration:180});
           if (refreshCount == 0) {
               labelStatus.text = 'Release to get Vegetables...';
           } else {
               labelStatus.text = 'Release to get Fish...';
           }
       }
   }
    
   function pullendListener(e){
       eventStatus.text = 'EVENT pullend FIRED.';
    
       if (refreshCount == 0) {
           labelStatus.text = 'Loading Vegetables...';        
       } else {
           labelStatus.text = 'Loading Fish...';
       }
       imageArrow.hide();
       actInd.show();
       listView.setContentInsets({top:80}, {animated:true});
       setTimeout(function(){
           loadTableData();
       }, 2000);
   }
    
   var tableHeader = Ti.UI.createView({
       backgroundColor:'#e2e7ed',
       width:320, height:80
   });
    
   var border = Ti.UI.createView({
       backgroundColor:'#576c89',
       bottom:0,
       height:2
   });
   tableHeader.add(border);
    
   var imageArrow = Ti.UI.createImageView({
       image:'https://github.com/appcelerator/titanium_mobile/raw/master/demos/KitchenSink/Resources/images/whiteArrow.png',
       left:20, bottom:10,
       width:23, height:60
   });
   tableHeader.add(imageArrow);
    
   var labelStatus = Ti.UI.createLabel({
       color:'#576c89',
       font:{fontSize:13, fontWeight:'bold'},
       text:'Pull down to refresh...',
       textAlign:'center',
       left:55, bottom:30,
       width:200
   });
   tableHeader.add(labelStatus);
    
   var labelLastUpdated = Ti.UI.createLabel({
       color:'#576c89',
       font:{fontSize:12},
       text:'Last Updated: ' + getFormattedDate(),
       textAlign:'center',
       left:55, bottom:15,
       width:200
   });
   tableHeader.add(labelLastUpdated);
    
   var actInd = Ti.UI.createActivityIndicator({
       left:20, bottom:13,
       width:30, height:30
   });
   tableHeader.add(actInd);
   listView.pullView = tableHeader;
   listView.addEventListener('pull', pullListener);
   listView.addEventListener('pullend',pullendListener);
    
   var eventStatus = Ti.UI.createLabel({
       font:{fontSize:13, fontWeight:'bold'},
       text: 'Event data will show here',
       bottom:0,
       height:'10%'
   })
    
   win.add(listView);
   win.add(eventStatus);
   win.open();
   

   var win = Ti.UI.createWindow({
   	top: 20
   });
    
   var counter = 0;
    
   function genData() {
   	var data = [];
   	var i=1;
   	for (i=1;i<=3;i++) {
   		data.push({ properties: { title: 'ROW ' + (counter + i) }})
   	}
   	counter += 3;
   	return data;
   }
    
   var section = Ti.UI.createListSection({ headerTitle: 'Section' });
    
   section.setItems(genData());
    
   var control = Ti.UI.createRefreshControl({
   	tintColor: 'red'
   });
    
   var listView = Ti.UI.createListView({
   	sections:[section],
   	refreshControl:control
   });
    
   control.addEventListener('refreshstart',function(e){
   	Ti.API.info('refreshstart');
   	setTimeout(function(){
   		Ti.API.debug('Timeout');
   		section.appendItems(genData());
   		control.endRefreshing();
   	}, 5000);
   });
    
   win.add(listView);
   win.open();