2

我有一个名为 wordsAndMeaning.json 的 .json 文件

{
    "words" : [
        {   
            "name" : "Apple",
            "meaning" : "A fruit"
        },
        {
            "name" : "Truck",
            "meaning" : "A heavy vehicle"
        },
        {
            "name" : "Zebra",
            "meaning" : "An animal"
        },
        {
            "name" : "Rock",
            "meaning" : "A music Genre"
        }
    ]
}

我的窗口中有两个文本字段，其中包含名称和名称的含义以及一个提交按钮。

我想要做的是在我填写文本字段并单击提交（即 addEventListener）后，我希望输入的数据作为新的键值对附加到上述 wordsAndMeanings.json 文件中。

wordsandMeanings.json 文件存在于 resourcesDirectory 中，我正在使用 fileSystem 来实现它。

我是 JSON 概念的新手。如此详细的代码解释将不胜感激。我正在 Titanium 中执行此任务。

我将把我的整个 app.js 代码放在下面

var window = Ti.UI.createWindow();

var view1 = Titanium.UI.createView({
    backgroundcolor:'21DCEE'
});
var view2 = Titanium.UI.createView({});

var textName = Titanium.UI.createTextField({
    top:100,
    left:50,
    height:50,
    width:150,
    borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
    hintText:'Enter the word'
});

var textMeaning = Titanium.UI.createTextField({
    top: 200,
    left:50,
    width:150,
    height:50,
    borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
    hintText:'Enter its meaning'
});

var submit = Titanium.UI.createButton({
    top:300,
    left:100,
    title:'Submit'
});

var tableView = Ti.UI.createTableView();
var tableData = [];
var fileName = 'wordsAndMeanings.json';
var file = Ti.Filesystem.getFile(Ti.Filesystem.resourcesDirectory, fileName); 
var preParseData = file.read();
var response = JSON.parse(preParseData);
Ti.API.info(response.words.length);
for(var i = 0; i < response.words.length ; i++){
    word = response.words[i];
    row = Ti.UI.createTableViewRow({
        height : '60dp'
    });
    nameLabel = Ti.UI.createLabel({
        text: word.name,
        font: { fontSize:'24dp', fontWeight:'bold'},
        height:'auto',
        left:'10dp',
        color:'#000',
        touchEnabled : false
    });
    row.add(nameLabel);
    tableData.push(row);
    tableView.setData(tableData);
}

var add = Titanium.UI.createButton({
    title: 'Add',
    top: 150,
    left: 50
});

add.addEventListener('click',function(e){
    window2 = Titanium.UI.createWindow({
        backgroundColor:'8FD2ED'
    });

    submit.addEventListener('click', function(e){
        //response.words.push({"name" : "abc", "meaning" : "alphabets"});
        //Ti.API.info(typeof(textName.value));
        //var one = JSON.parse(textName.value);
        //Ti.API.info(one);
        var obj = eval("(textName.value)");
        Ti.API.info(obj);
        //var file2 = Titanium.FileSystem.getFile(Titanium.FileSystem.resourcesDirectory,'wordsAndMeanings.json');
        //file2.write()
    });


    window2.open();
    window2.add(view2);
    view2.add(textName);
    view2.add(textMeaning);
    view2.add(submit);
});
window.open();
window.add(view1);
view1.add(tableView);
view1.add(add);
4

3 回答 3

1

阅读 @Anand 链接到的文档后，您会发现无法在 resourcesDirectory 中写入。您可以将新文件保存在 applicationDataDirectory 中，然后从该文件加载。

由于您已经在字典 ( var response = JSON.parse(preParseData);) 中解析数据，因此我将完全按照您在提交 eventListener () 中所做的方式附加您的新数据//response.words.push({"name" : "abc", "meaning" : "alphabets"});，最后，对响应字典进行字符串化以保存它。

1）所以读取并解析json：

var fileName = 'wordsAndMeanings.json';
var file = Ti.Filesystem.getFile(Ti.Filesystem.resourcesDirectory, fileName); 
var preParseData = file.read().text; // file.read() will return the blob. file.read().text is what you want
var response = JSON.parse(preParseData);

2）在提交点击和附加数据时获取字段数据

submit.addEventListener(click, function(e) {
 var userTextMeaning = textMeaning.value; // Read value property of both fields
 var userTextName = textName.value;
 response.words.push({"name" : userTextName, "meaning" : userTextMeaning}); // Push the new data to response list
}

3) 字符串化并保存在 applicationDataDirectory

var fileName = 'wordsAndMeanings.json';
var file = Ti.Filesystem.getFile(Ti.Filesystem.applicationDataDirectory, fileName); 
var json = JSON.stringify(response);
file.write(json)
于 2013-10-08T19:25:52.527 回答
0

您可以使用write 方法写入 Titanium 中的文件。在执行此操作之前，您应该了解Titanium 文件系统。

此外，您应该将语句更改var obj = eval("(textName.value)");为var obj = eval("(" + textName.value + ")");.

于 2013-10-08T11:01:14.390 回答
0

使用Titanium.App.Properties()而不是文件系统会好得多。您可以使用以下方法轻松存储和检索整个对象：

  • Ti.App.Properties.getObject('propertyName', defaultValue);- 当属性不存在时返回第二个参数。
  • Ti.App.Properties.setObject('propertyName', value);
于 2013-10-09T23:30:29.423 回答