ListViewTest1

var win = Ti.UI.createWindow({
    backgroundColor:'white'
})

var listContainer = Ti.UI.createView({
    height:'90%'
})

var scrollView = Ti.UI.createScrollView({
    scrollType:'horizontal',
    layout:'horizontal',
    bottom:0,
    height:'10%'
})

win.add(listContainer);
win.add(scrollView);
var reset = function(){
    listContainer.removeAllChildren();
}

var i=0;

var buildButtons = function(){
    for (i=0;i<10;i++){
        var button = Ti.UI.createButton({
            left:5,
            height:Ti.UI.FILL,
            title:'TEST '+i,
            testid:i
        })
        button.addEventListener('click',buttonClickHandler);
        scrollView.add(button);
    }
}

var buttonClickHandler = function(){
    reset();
    test1();
}

buildButtons();
win.open();


var getDataSubtitleTemplate = function(){
    var data = [];
    var titleStr = '';
    var subtitleStr = '';
    for(i=0;i<10;i++) {
        titleStr += 'title ';
        subtitleStr += 'subtitle ';
        var mod = i%4;
        var cellh=50;
        var acType = Ti.UI.LIST_ACCESSORY_TYPE_NONE;
        var ci = 'KS_nav_ui.png';
        if(mod == 1) {
            acType = Ti.UI.LIST_ACCESSORY_TYPE_CHECKMARK;
            cellh=70;
            ci = 'KS_nav_views.png';
        } else if(mod == 2) {
            acType = Ti.UI.LIST_ACCESSORY_TYPE_DETAIL;
            ci = 'junk';
            cellh=90;
        } else if (mod == 3) {
            acType = Ti.UI.LIST_ACCESSORY_TYPE_DISCLOSURE;
            cellh=110;
            ci = 'http://www.catravelservices.com/management/hotels/pictures/Mawamba_lodge_nature.jpg';
        }
        var item = {
            template:Ti.UI.LIST_ITEM_TEMPLATE_SUBTITLE,
            properties: {title:titleStr+i, subtitle:subtitleStr+i, image:ci, accessoryType:acType, itemId:'Item '+i+' '+acType,height:cellh}
        }
        data.push(item)
    }
    return data;
}

var getDataContactsTemplate = function(){
    var data = [];
    var titleStr = '';
    var subtitleStr = '';
    for(i=0;i<10;i++) {
        titleStr += 'title ';
        subtitleStr += 'subtitle ';
        var mod = i%4;
        var cellh=50;
        var acType = Ti.UI.LIST_ACCESSORY_TYPE_NONE;
        var ci = 'KS_nav_ui.png';
        if(mod == 1) {
            acType = Ti.UI.LIST_ACCESSORY_TYPE_CHECKMARK;
            cellh=70;
            ci = 'KS_nav_views.png';
        } else if(mod == 2) {
            acType = Ti.UI.LIST_ACCESSORY_TYPE_DETAIL;
            ci = 'junk';
            cellh=90;
        } else if (mod == 3) {
            acType = Ti.UI.LIST_ACCESSORY_TYPE_DISCLOSURE;
            cellh=110;
            ci = 'http://www.catravelservices.com/management/hotels/pictures/Mawamba_lodge_nature.jpg';
        }
        var item = {
            template:Ti.UI.LIST_ITEM_TEMPLATE_CONTACTS,
            properties: {title:titleStr+i, subtitle:subtitleStr+i, image:ci, accessoryType:acType, itemId:'Item '+i+' '+acType,height:cellh}
        }
        data.push(item)
    }
    return data;
}

var getDataSettingsTemplate = function(){
    var data = [];
    var titleStr = '';
    var subtitleStr = '';
    for(i=0;i<10;i++) {
        titleStr += 'title ';
        subtitleStr += 'subtitle ';
        var mod = i%4;
        var cellh=50;
        var acType = Ti.UI.LIST_ACCESSORY_TYPE_NONE;
        var ci = 'KS_nav_ui.png';
        if(mod == 1) {
            acType = Ti.UI.LIST_ACCESSORY_TYPE_CHECKMARK;
            cellh=70;
            ci = 'KS_nav_views.png';
        } else if(mod == 2) {
            acType = Ti.UI.LIST_ACCESSORY_TYPE_DETAIL;
            ci = 'junk';
            cellh=90;
        } else if (mod == 3) {
            acType = Ti.UI.LIST_ACCESSORY_TYPE_DISCLOSURE;
            cellh=110;
            ci = 'http://www.catravelservices.com/management/hotels/pictures/Mawamba_lodge_nature.jpg';
        }
        var item = {
            template:Ti.UI.LIST_ITEM_TEMPLATE_SETTINGS,
            properties: {title:titleStr+i, subtitle:subtitleStr+i, image:ci, accessoryType:acType, itemId:'Item '+i+' '+acType,height:cellh}
        }
        data.push(item)
    }
    return data;
}

var getDataDefaultTemplate = function(){
    var data = [];
    var titleStr = '';

    for(i=0;i<10;i++) {
        titleStr += 'title ';
        var mod = i%4;
        var cellh=50;
        var acType = Ti.UI.LIST_ACCESSORY_TYPE_NONE;
        var ci = 'KS_nav_ui.png';
        if(mod == 1) {
            acType = Ti.UI.LIST_ACCESSORY_TYPE_CHECKMARK;
            cellh=70;
            ci = 'KS_nav_views.png';
        } else if(mod == 2) {
            acType = Ti.UI.LIST_ACCESSORY_TYPE_DETAIL;
            ci = 'junk';
            cellh=90;
        } else if (mod == 3) {
            acType = Ti.UI.LIST_ACCESSORY_TYPE_DISCLOSURE;
            cellh=110;
            ci = 'http://www.catravelservices.com/management/hotels/pictures/Mawamba_lodge_nature.jpg';
        }
        var item = {
            template:Ti.UI.LIST_ITEM_TEMPLATE_DEFAULT,
            properties: {title:titleStr+i, image:ci, accessoryType:acType, itemId:'Item '+i+' '+acType,height:cellh}
        }
        data.push(item)
    }
    return data;
}

var test1 = function(){
    //Basic List View, default template
    //Checking to see how height is being set
    var listView = Ti.UI.createListView({
        defaultItemTemplate:Ti.UI.LIST_ITEM_TEMPLATE_DEFAULT
    })
    //Both header and footer
    var listSection1 = Ti.UI.createListSection({
        headerTitle:'HEADER1',
        footerTitle:'FOOTER1'
    })
    listSection1.setItems(getDataDefaultTemplate());
    //Only header
    var listSection2 = Ti.UI.createListSection({
        headerTitle:'HEADER2',
    })
    //Only footer
    var listSection3 = Ti.UI.createListSection({
        footerTitle:'FOOTER3'
    })
    //Neither
    var listSection4 = Ti.UI.createListSection({
    })

    if(Ti.Platform.osname == 'android') {
        listSection2.setItems(getDataDefaultTemplate());
        listSection3.setItems(getDataDefaultTemplate());
        listSection4.setItems(getDataDefaultTemplate());
    } else {
        listSection2.setItems(getDataSettingsTemplate());
        listSection3.setItems(getDataContactsTemplate());
        listSection4.setItems(getDataSubtitleTemplate());
    }
    listView.setSections([listSection1,listSection2,listSection3,listSection4]);
    listContainer.add(listView);

}