Question

这适用于使用SDK v 3.0.2 GA和Alloy框架在iPhone模拟器上运行的移动应用。

我有一个窗口，其中有一个tableview，在该表视图的顶部有一个自动完成搜索栏。当自动填充开始触发时，它会在搜索框下方显示一个包含结果的表格视图，允许用户从结果中进行选择。

这一切都很好，除了在搜索视图中包含TableView导致原始窗口上的TableView消失。

代码如下：

myPlaces.xml

<Alloy>
  <Window id="myDrawersWin">
    <RightNavButton>
        <Button id="showMyDrawers" title="Show Drawers" />
    </RightNavButton>
    <Require src="findPlace" id="findPlace"/>
    <TableView id="placeListTable"/>
  </Window>
</Alloy>

findPlace.xml

<Alloy>
  <View id="searchContainer">
    <TextField id="searchInput" hintText="Find a place..." />
  </View>
  <TableView id="searchResultsTable"/>
</Alloy>

findPlace.js

$.searchInput.addEventListener("change", function(){
   if ($.searchInput.value.length > 2 && $.searchInput.value != "Find a place...") {

    // do the search and get a response successfully

            _.each(returnedVenues, function(venue){
                tblData.push(Alloy.createController("venueSearchListItem", venue).getView());
            });

            $.searchResultsTable.setData(tblData);

            $.searchResultsTable.visible = true;

        },
        onerror: function(e){
            console.log("error");
            console.log(e);
        }
    });

    // invoke the HTTP client here

  }
  else {
        $.searchResultsTable.visible = false;
  }
});

findPlace.xml

"#searchContainer":{
    width: "100%",
    height: 50,
    backgroundColor: "#B8D0DB",
    top: 0
}


"#searchInput":{
    width: "80%",
    height: 30,
    backgroundColor: "#FFFFFF"
}

"#searchResultsTable":{
    width: "80%",
    visible: false
}

如果我在findPlace.xml中取出TableView，窗口上的原始TableView（placeListTable）显示正常。如果我把它添加回去，它就会消失。另外，如果我在<View id="searchContainer">内部移动TableView，将显示出来（但很明显，由于searchContainer的高度限制而不适合）。

有什么想法吗？这是一个错误，还是我在做一些愚蠢的事情？

感谢您的帮助。

贾斯汀

Answer 1

找到解决这个问题的方法，正如我所怀疑的那样，这是愚蠢的。

问题是我在窗口样式表上设置了layout:vertical，这意味着第二个TableView显示在另一个下面。删除它解决了问题。

当两个TableView在同一视图上时，Titanium TableView消失

1 个答案: