Динамическое изменение стиля в титановом сплаве

Я новичок в титановом сплаве. Я создаю матрицу 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