Question

我正在使用Titanium Studio开发iOS 6.1应用程序，版本：3.1.2.201307091805，我正在iPhone模拟器和iPad设备上进行测试。我有一个搜索字段，从远程服务器获取JSON结果。我遇到问题的屏幕顶部有搜索框，下面有几条消息。当用户键入搜索字段并返回返回时，将隐藏消息并准备好表以从数据库接收结果。所有这一切都很好。当用户输入不在数据库中的内容时，我会显示一条消息“未找到结果，请再试一次”。我按下“清除”表格或“未找到”消息。这是我到目前为止的按钮代码：

var clear = Ti.UI.createButton({
    title: "Clear",
    style:Titanium.UI.iPhone.SystemButtonStyle.BORDERED
});
clear.addEventListener("click", function() {
message.hide();
table.setData([]);
});
Ti.UI.currentWindow.setRightNavButton(clear);

此代码确实清除了表格中的消息或结果，但是当我进行另一次搜索时，即使搜索完全不相关，也会在新结果上方显示上一个结果。这是我的代码。

   var win = Titanium.UI.currentWindow;
    win.backgroundImage='images/background.png';
    win.barColor='#28517A';
    win.title='Product Search';

        var message = Ti.UI.createLabel({
        text: 'No results found, please try again',
        top:'100dp',
        left:'20dp',
        right:'20dp'
    });

var customSearchBar = Ti.UI.createView({
    backgroundColor: '#28517A',
    height: 42,
    top: '0dp',
    width: Ti.UI.FILL
});

var customSearchField = Ti.UI.createTextField({
    autocorrect: false,
    borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
    clearOnEdit: true,
    height: 28,
    hintText: 'Search For Product or Service',
    textAlign: 'center',
    width: '90%',
});
customSearchBar.add(customSearchField);

win.add(customSearchBar);

var nolist= Ti.UI.createLabel({
        text: 'XXXXXX',
        color: '#000',
        font: {fontSize:'16dp', fontWeight:'bold'},
        top:'50dp',
        left:'20dp',
        right:'20dp'
    });
    win.add(nolist);

    var businessowner = Ti.UI.createLabel({
        text: 'XXXXXX',
        color: '#000',
        font: {fontSize:'16dp', fontWeight:'bold'},
        bottom:'10dp',
        left:'20dp',
        right:'20dp'
});
win.add(businessowner);

var view = Ti.UI.createView({
    backgroundColor: 'transparent',
    top: '100dp',
    bottom:'60dp'   
});
var table = Ti.UI.createTableView({
    backgroundColor: 'transparent',
    top: '0dp',
    height:'auto',
    bottom:'0dp'
});
view.add(table);
table.show();

var tableData = [];

function checkInternetConnection(){
return Ti.Network.online ? true : false;
}
customSearchField.addEventListener("return", function(e) {

    if(checkInternetConnection()){
    nolist.hide();
    businessowner.hide();
    getdata();
win.add(view);

function getdata(){
var url = "http://mydomain.com/filename.php?title="+e.value;

var xhr = Ti.Network.createHTTPClient({
    onload: function() {
    Ti.API.debug(this.responseText);

var json = JSON.parse(this.responseText);

if (json.cms_list.length< 1){ 

    win.add(message);
}

    for (i = 0; i < json.cms_list.length; i++) {
        client = json.cms_list[i];
        row = Ti.UI.createTableViewRow({
            height:'44dp',
            hasChild:true
        });

   var clientlist = Ti.UI.createLabel({
            text:client.clientname,
            font:{fontSize:'16dp', fontWeight:'bold'},
        height:'auto',
        left:'10dp',
        color:'#000'
        });

     row.add(clientlist);
        tableData.push(row);
        }

table.addEventListener('click',function(e){
    var row = e.row;
    var clientlist = row.children[0];
    var win = Ti.UI.createWindow({
        url: 'clientdetail.js', 
        title: clientlist.text  
    }); 
            var clientlist = clientlist.text;
                win.clientlist = clientlist;

            customSearchField.blur();   
    Titanium.UI.currentTab.open(win,{animated:true});}); 
    table.setData(tableData);
    },

    onerror: function(e) {
    Ti.API.debug("STATUS: " + this.status);
    Ti.API.debug("TEXT:   " + this.responseText);
    Ti.API.debug("ERROR:  " + e.error);
    alert('There was an error retrieving the remote data. Try again.');
    },
    timeout:5000

});

xhr.open("GET", url);
xhr.send();
}
}
else{
    alert('Your internet connection is not available');
}
});
    var clear = Ti.UI.createButton({
    title: "Clear",
    style:Titanium.UI.iPhone.SystemButtonStyle.BORDERED
});
clear.addEventListener("click", function() {
    message.hide();
    table.setData([]);
});
Ti.UI.currentWindow.setRightNavButton(clear);

如果我按下后退按钮然后返回到此屏幕，搜索就可以了。如何在不离开屏幕然后返回的情况下完全清除以前的结果？

Answer 1

每次单击“返回”时，都会将表添加到窗口中。通过从中移除win.add(view);来更改您的事件监听器，并将此行替换为table.show();，如下所示：

customSearchField.addEventListener("return", function(e) {

    if(checkInternetConnection()){
    nolist.hide();
    businessowner.hide();
    getdata();
    //win.add(view); dont do this!!!!
    table.show();
.....
});

然后，改变这个：

var table = Ti.UI.createTableView({
    backgroundColor: 'transparent',
    top: '0dp',
    height:'auto',
    bottom:'0dp'
});
view.add(table);
//table.show(); 
win.add(table);
table.hide();

现在您只有一个表的实例，并且每次要更改所有行时都可以在返回侦听器中使用setData。

Answer 2

您没有从var tabledata清除数据。在设置table.setData([]);时应该清除它。将表格设置为空后，它会推送相同的数据。

您的代码应如下所示：

clear.addEventListener("click", function() {
  message.hide();
  tableData = [];
  table.setData([]);
});

清除上次JSON响应

2 个答案: