1

我正在使用 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);

如果我按下后退按钮然后返回此屏幕，则搜索正常。如何在不离开屏幕然后返回的情况下完全清除之前的结果？

4

2 回答 2

0

每次单击“返回”时，您都会将表格添加到窗口中。通过从中删除来更改您的事件侦听器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。

于 2013-07-18T16:10:57.963 回答
0

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

您的代码应如下所示：

clear.addEventListener("click", function() {
  message.hide();
  tableData = [];
  table.setData([]);
});
于 2013-10-05T06:23:32.947 回答