Динамична промяна на стила в титанова сплав

Аз съм нов в титановата сплав. Създавам матрица 9X9, използвайки xml маркиране. Искам да променя цвета на фона на всички клетки, ако щракна върху една клетка. Въпросите ми са

1) Мога ли да използвам свойство на клас като в jquery

$(".col").click(function() {
    $(".col").css("background-color","red");
});

2) Трябва ли да променя цвета на фона, използвайки свойството id на всяка клетка

3) Възможно ли е да се присвои общ списък за кликвания към всички клетки.

Следва моята xml маркировка

<View id="rowContainer" class="rowContainer">

<View id="rowHolder" class="rowHolder">

<View id="row1" class="row">

<View id="row1col1" class="col"></View>

<View id="row1col2" class="col"></View>

<View id="row1col3" class="col"></View>

<View id="row1col4" class="col"></View>

<View id="row1col5" class="col"></View>

<View id="row1col6" class="col"></View>

<View id="row1col7" class="col"></View>

<View id="row1col8" class="col"></View>

<View id="row1col9" class="col"></View>

</View>

:

:

:

<View id="row9" class="row">

<View id="row9col1" class="col"></View>

<View id="row9col2" class="col"></View>

<View id="row9col3" class="col"></View>

<View id="row9col4" class="col"></View>

<View id="row9col5" class="col"></View>

<View id="row9col6" class="col"></View>

<View id="row9col7" class="col"></View>

<View id="row9col8" class="col"></View>

<View id="row9col9" class="col"></View>

</View>


</View> // end rowHolder

</View> // end rowContainer

titanium titanium-alloy
person Kiren S    schedule 24.10.2014    source източник

Отговори (1)


arrow_upward
1
arrow_downward

За първа и трета част:

Не, не можете да използвате тази техника. Трябва ръчно да присвоите класовете на прокси обектите. Нещо подобно на това:

Дефинирайте функция във вашия контролер

function cellClickHandler(event) {
   $.addClass(event.source, 'backgroundRedColorClass');
}

Във view.xml добавете:

<View id="row9col4" class="col" onClick='cellClickHandler'></View>

За втората част:

Да, това също е вариант. Ако приемем, че имате всички препратки към клетки в масив:

_.each(referencesToCells, function(cell){
     $.addClass(cell, 'backgroundRedColorClass');
});
person WeMakeSoftware    schedule 24.10.2014