Question

I have List of Checkboxes which i want to create using FOR LOOP.

I have following type of data.

Value 1  --> checkbox image
Value 2  -->
Value 3  -->
.
.
.
Value 15 --> checkbox Image

I am using following code for that but not getting how will it work??? Is it correct code??

var chkArray = ['Value 1', 'Value 2', 'Value 3', 'Value 4', 'Value 5', 'Value 6', 'Value 7', 'Value 8', 'Value 9', 'Value 10'];

AssessmentArray = function createChkBx() {
    var chkBx = [];
    for(var i in chkArray) {
        var t = 80;
        var checkbox = Ti.UI.createSwitch({
            style : Ti.UI.Android.SWITCH_STYLE_CHECKBOX,
            title : chkArray[i],
            value : true,
            left : '20dp',
            top : t + 30,
            height : 25,
            width : 'auto'
        });
        checkbox.addEventListener("change", function(e) {
            Ti.API.info("The checkbox has been set to " + e.value);
        });
        chkBx.push(checkbox);   
    }
    return chkBx;
}


var assessData = new AssessmentArray();

Now how should I add this to my Window??? This is specifically for Android only…

Answer 1

var AssessmentArray = function()
{

     function AssessmentArray ()
     {

        //Pass the parent view inside which u want to add the check boxes and teh values as array 
        //gap or the distance between two checkboxes
        this.addCheckBoxes = function(window, values, gap)
        {
            var t = 0;
            var chkBx = [];
            var i = 0;
            for(i = 0; i < values.length; i++) {

                var checkbox = Ti.UI.createSwitch({
                    style : Ti.UI.Android.SWITCH_STYLE_CHECKBOX,
                    title : chkArray[i],
                    value : true,
                    left : '20dp',
                    top : i * gap,
                    height : 25,
                    width : 'auto'
                });
                checkbox.addEventListener("change", function(e) {
                    Ti.API.info("The checkbox has been set to " + e.value);
                });
                win.add(checkbox);
                chkBx.push(checkbox);
            }
            return chkBx;
        }



     }

    return AssessmentArray;
}();

var ass = new AssessmentArray();
ass.addCheckBoxes(Ti.UI.createWindow(), ['Value 1', 'Value 2', 'Value 3', 'Value 4', 'Value 5', 'Value 6'], 50);

try some thing like this.