钛 TableView 手风琴答案

【问题标题】：Titanium TableView Accordion钛 TableView 手风琴
【发布时间】：2012-02-23 04:08:38
【问题描述】：

我即将扩展 Appcelerators Titanium 的 TableView 对象，以允许以手风琴样式隐藏和显示行。

想知道是否有人已经有我应该考虑的解决方案或好的建议。

【问题讨论】：

标签： javascript user-interface titanium accordion

【解决方案1】：

TableViewRow 有一个 hide() 和一个 show() 方法：http://developer.appcelerator.com/apidoc/mobile/latest/Titanium.UI.TableViewRow-object

但是，这些不起作用。我最终做的是将一个表格放在一行中，单击时调整它的大小，在调整表格大小后，调用 setHeight('auto') 以便调整行。它实际上会自动为高度变化设置动画（虽然动画看起来有点损坏），我很快就会用它制作一个适当的小辅助函数。现在，如果它可以帮助任何人，这里是 sn-p：

// Toggle Accordion
settingsTable.addEventListener('click', function(e)
{
    alert(B.helper.var_dump(innertable));
    if(e.index === 2){
        if(innertable.height === 200){
            innertable.height = 45;
            row3.setHeight('auto');
        }else{

            //alert(B.helper.var_dump(settingsTable.data[0].rows[3]));
            innertable.height = 200;
            row3.setHeight('auto');
        }
    }
});

【讨论】：