JavaScript Titanium App Int назначение

Question

Я работаю в JavaScript с Titanium для разработки мобильных приложений. У меня проблема в цикле for с счетчиком bn int. Кнопка [bn] .setTitle ('*') всегда будет 5 на всех кнопках, созданных в обработчике событий, или, если я раскомментирую // bn = 0 ;, который находится вне цикла for, обновятся все кнопки, чтобы значение ноль.

На мой взгляд, это должно быть присвоение значения каждой кнопке, обработчику события и т. Д. Во время создания, а не возвращаться и изменять его по мере продвижения счета. Что мне здесь не хватает или нужно делать по другому?

/**
 * create a view object to hold the buttons
 * and add the buttons into the view
 */
function createRatingButtons(numButtons,BarTitle,topspace) {
    // set vars
    var bn=0;
    var left = 5;
    var top =   5;
    /*
     * create a view for the buttons
     */
    var ratingView = Titanium.UI.createView({
        height:     100,
        color:      'white',
        top:        topspace,
    });

    /*
     * create a label to put into the view
     */
    var ratingLabel = Titanium.UI.createLabel({
                text:                           BarTitle,
                color:                      '#fff',
                backgroundColor:    'transparent',
                textAlign:              'left',
                height:                     'auto',
                width:                      'auto',
                top:                            0,
                left:                           left,       
    })
    ratingView.add(ratingLabel);
    /*
     * do the for loop and add
     * the buttons to the view
     */
        var button = [];
    for(bn==0;bn<numButtons;bn++) {
                    button[bn] = Titanium.UI.createButton({
                title:              bn,
                width:              50,
                height:             50,
                color:              "black",
                // backgroundColor:    "blue",
                left:               left,
                top:                                top+ratingLabel.getHeight(),
            });
            /*
             * Add event handler for this button
             */
            button[bn].addEventListener('click', function(e)
                        {
                            Ti.API.info("Rating Button Click #: " + bn);
                            /*
                             * Update buttons below this count for this object
                             * to have colored stars, and all starts after this
                             * to be uncolored.
                             */
                            button[bn].setTitle('*')
                        });


            ratingView.add(button[bn]);
            left = left + 50 + 5;
    }
    //bn = 0;

  // return the entire block for this view  
    return ratingView;
}

Answer 1

1. вы пытаетесь получить доступ к bn внутри анонимной функции.значение bn будет оцениваться при выполнении анонимной функции.в это время значение bn будет на 1 меньше значения переменной numButtons.

   Поэтому избегайте использования bn внутри анонимной функции.Вы можете использовать e.source, чтобы получить ссылку на кнопку.

2. также, я думаю, вы по ошибке используете

==

у вас за петлей.

for(bn==0;bn<numButtons;bn++)

Answer 2

Попробуйте это:

function createRatingButtons(numButtons, BarTitle, topspace) {
    // set vars
    var bn   = 0;
    var left = 5;
    var top  = 5;

    // create a view for the buttons
    var ratingView = Titanium.UI.createView({
        height: 100,
        color:  'white',
        top:    topspace,
    });

    // create a label to put into the view
    var ratingLabel = Titanium.UI.createLabel({
        text:            BarTitle,
        color:           '#fff',
        backgroundColor: 'transparent',
        textAlign:       'left',
        height:          'auto',
        width:           'auto',
        top:             0,
        left:            20
    });
    ratingView.add(ratingLabel);

    // add the buttons to the view
    var button = [];

    for(bn = 0; bn < numButtons; bn++) {
        button[bn] = Titanium.UI.createButton({
            title:  bn,
            width:  50,
            height: 50,
            color:  "black",
            left:   left,
            top:    top+ratingLabel.getHeight()
        });

        // add event handler for buttons
        button[bn].addEventListener('click', function(e) {
            Ti.API.info("Rating Button Click #: " + e.source.title);

            /*
             * Update buttons below this count for this object
             * to have colored stars, and all starts after this
             * to be uncolored.
             */
            e.source.setTitle('*');
        });

        ratingView.add(button[bn]);
        left = left + 50 + 5;
    }

    // return the entire block for this view  
    return ratingView;
}


scrollView.add(createRatingButtons(5, "test1", 0)); 
scrollView.add(createRatingButtons(5, "test2", 95));