TableViewSection with ALLOY in Android

I created a dynamic structure for a tableviewsection in this way index.js

var flag = "";
for ( var i=0, j=response.length; i < j; i++)
{
    if (response[i].section != flag)
    {
        if (data.length > 0)
        {
            var tmp = Alloy.createController('teamsection', { list : data }).getView();
            $.teams.appendSection(tmp);
 
            data = new Array ();
        }
        flag = response[i].section;
    }
 
    data.push(response[i]);
}

<Alloy>
    <Window>
        <TableView id="teams">
 
        </TableView>
    </Window>
</Alloy>

var args = arguments[0] || {};
 
var title = args.list[0].section;
$.section.headerView = Alloy.createController("headerview",{"title": title}).getView();
 
var data = new Array(); 
// Ti.API.info(args.list);
for (var i=0, j=args.list.length; i < j; i++)
{
    $.teamsection.add(Alloy.createController("row",{
        "team": args.list[i].team
    }).getView());
}

<Alloy>
  <TableViewSection id="section" />
</Alloy>

var args = arguments[0] || {};
 
var title = args.title || "empty";
 
$.header.text = title;

<Alloy>
    <View>
        <Label id="header" />
    </View>
</Alloy>

var args = arguments[0] || {};
 
$.team.title        = args.team;

<Alloy>
    <TableViewRow id="team" />
</Alloy>