Titanium 钛合金的动态风格变化
我是钛合金新手。我正在使用xml标记创建一个9X9矩阵。如果单击单个单元格,我想更改所有单元格的背景色。 我的问题是 1) 我可以像在jquery中一样使用类属性吗Titanium 钛合金的动态风格变化,titanium,titanium-alloy,Titanium,Titanium Alloy,我是钛合金新手。我正在使用xml标记创建一个9X9矩阵。如果单击单个单元格,我想更改所有单元格的背景色。 我的问题是 1) 我可以像在jquery中一样使用类属性吗 $(".col").click(function() { $(".col").css("background-color","red"); }); 2) 我应该使用每个单元格的id属性更改背景色吗 3) 是否可以为所有单元格指定一个公共单击列表 以下是我的xml标记 <View id="rowContainer" c
$(".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
:
:
:
//端排架
//端行容器
第一部分和第三部分:
不,你不能使用这种技术。必须手动将类指定给代理对象。类似于此:
在控制器内定义一个函数
function cellClickHandler(event) {
$.addClass(event.source, 'backgroundRedColorClass');
}
在view.xml中添加:
<View id="row9col4" class="col" onClick='cellClickHandler'></View>
_.each(referencesToCells, function(cell){
$.addClass(cell, 'backgroundRedColorClass');
});