Parse.com，Javascript，表格

Question

我有一个javascript表，该表显示存储在parse.com服务器中的数据，我也有一个iOS应用程序，该应用程序也从iOS应用程序的同一位置获取相同的数据，这是在其中选择的每一行在NSString中存储对象ID的表将用于其他操作，例如将其添加到喜欢的列等，但是在javascript方面，我在这一方面不是很成功，可以帮上忙吗？

的iOS

    - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{[tableView deselectRowAtIndexPath:indexPath animated:YES];
    PFObject *tempObject = [HomeArray objectAtIndex:indexPath.row];
    NSLog(@"%@", tempObject.objectId);
    _NameOfGame.text = [tempObject objectForKey:@"NameGame"];
    _Items.text = [tempObject objectForKey:@"item"];
    _Des.text = [tempObject objectForKey:@"des"];
    userFirstname = [tempObject objectForKey:@"FirstName"];
    group = [tempObject objectForKey:@"group"];
    device = [tempObject objectForKey:@"Device"];
    together = [NSString stringWithFormat:@"Uploaded by %@ from %@ on a %@", userFirstname, group, device];
    PFFile *video = [tempObject objectForKey:@"Video"];
    _videoUrl = video.url;
    NSLog(@"got a video %@", _videoUrl);
    _deleteObjectID = [HomeArray objectAtIndex:indexPath.row];
    NSLog(@"%@", _deleteObjectID);
    [self animateDetailView];}

Java脚本

    var GameScore = Parse.Object.extend("games");
var query = new Parse.Query(GameScore);
query.equalTo("group", strUser)
query.find(
{
    success: function(results)
    {        
        for (var i = 0; i < results.length; i++) 
        {
            var object = results[i];

            (function($) {
                $("#first-team-results-table").append("<tr><td>" 
                +"<input type='checkbox' data-id='" + object.id + "'/>" $(checkBox).appendTo("#modifiersDiv")
                + "</td><td>"
                    + object.get("NameGame")
                    + "</td><td>" 
                    + object.get("item") 
                    + "</td><td>" 
                    + object.get("des") 
                    + "</td></tr>");
            })(jQuery);
       }
    error: function(error) {
        alert("Error: " + error.code + " " + error.message);
    }
})
});

我尝试使用javascript中的复选框，但没有运气

Answer 1

您以哪种方式没有成功？ 什么不起作用？

您是否得到正确的结果？ 如果没有改变这一行

query.equalTo("group", strUser) && query.equalTo("month", res);

至

query.equalTo("group", strUser);
query.equalTo("month", res);

------------------------------------编辑------------- ------------

我会这样重写它：

var GameScore = Parse.Object.extend("games"),
    query = new Parse.Query(GameScore),
    $table = $("#first-team-results-table"),
    tableString;

appendToTable = function (object) {
    tableString = "<tr><td><input type='checkbox' data-id='"+object.id+"'</td><td>"+object.get("NameGame")+"</td><td>"+object.get("item")+"</td><td>"+object.get("des")+"</td></tr>";
    $table.append(tableString);
    $(checkBox).appendTo("#modifiersDiv"); // I don't know what the checkbox-variable represents... anyway use this line to do something with it ;)
};

query.equalTo("group", strUser)
query.find({
    success: function(results){
        var object;
        for (var i = results.length - 1; i >= 0; i--) {
            object = results[i];
            appendToTable(object);
        };
    },
    error: function (error) {
        alert("Error: " + error.code + " " + error.message);
    }
});

我不确定你在这里做什么

$(checkBox).appendTo("#modifiersDiv")

但我希望它能使您朝正确的方向前进...

------------------------------------编辑------------- ------------

好的，重试，仍然不确定我是否知道您要执行的操作。 在从“ Parse.com”中获取内容并将其放入“ object” -div后，单击“更多”按钮后，以下内容将首先显示该表

的HTML

<div id="buttonShow"> <input type="submit" id="uploadPaid" value="More"/><input type="text" id="gotObject" class="textFields"/> </div>
<table id="first-team-results-table"></table>
<div id="objectBox"></div>

JS

(function() {
    var GameScore = Parse.Object.extend("games"),
        query = new Parse.Query(GameScore),
        $table = $("#first-team-results-table"),
        $objectBox = $('#objectBox'),
        tableString,
        divString,
        ParseGames;

    appendToTable = function (object) {
        tableString = "<tr><td><input class='check' type='checkbox' data-id='"+object.id+"'</td><td>"+object.get('NameGame')+"</td><td>"+object.get('item')+"</td><td>"+object.get('des')+"</td></tr>";
        $table.prepend(tableString);
    };
    appendToDiv = function (object) {
        divString = "<p><span>"+object.get('NameGame')+"</span> <span>"+object.get('item')+"</span> <span>"+object.get('des')+"</span></p>";
        $objectBox.append(divString);
    };

    query.equalTo("group", strUser)
    query.find({
        success: function(results){
            ParseGames = results;
            for (var i = results.length - 1; i >= 0; i--) {
                appendToTable(results[i]);
            };
        },
        error: function (error) {
            alert("Error: " + error.code + " " + error.message);
        }
    });

    $("#uploadPaid").on('click', function (e) {
        e.preventDefault();
        $objectBox.html('');
        $('.check').each(function(index) {
            console.log($(this).is(':checked'));
            if ($(this).is(':checked')) {
                appendToDiv(ParseGames[index]);
            };
        });
    });
})();

祝好运 ;）

Answer 2

经过几天的浏览并尝试了许多代码，我终于得到了我的问题的答案。

 <table id="first-team-results-table" class="table1" border="1xp" style="width:100%">
        <col width="80">
        <col width="80">
        <col width="5">
        <col width="300">
        <col width="100">
        <tbody>
            <tr>
                <th>Name Of Game</th>
                <th>Item</th>
                <th>Video</th>
                <th>Description</th>
                <th>Group</th>
            </tr>
        </tbody>
    </table>
<script type="text/javascript">
     Parse.initialize("API1", "API2" );

var firstTeamResults = Parse.Object.extend("ukgames");
var query = new Parse.Query(firstTeamResults);
//query.equalTo("favs", id);
//"group" , group
query.descending("updateAt");
query.find({success: function(results){        
        for (var i = 0; i < results.length; i++) 
        {
            var object = results[i];

            (function($) {
                $("#first-team-results-table").append("<tr><td>" 
                    + "<input type='checkbox' class='chkNumber' value='"+object.id+"'/>"
                    + "</td><td>"
                    + object.get("NameGame") 
                    + "</td><td>" 
                    + object.get("item") 
                    + "</td><td>"
                    + object.get("des") 
                    + "</td><td>" 
                    + object.get("group") 
                    +"</td></tr>");
            })(jQuery);
       }
    },
    error: function(error) {
        alert("Error: " + error.code + " " + error.message);
    }
});
</script>
<div id="buttonShow"> 
    <input type="button" class="btnGetAll" value="More"/>
    <input type="text" id="gotObject" class="textFields"/> 
    </div>
    <script type="text/javascript">    
$(function () {
      $('.btnGetAll').click(function () {
        if ($('.chkNumber:checked').length) {
          var chkId = '';
          $('.chkNumber:checked').each(function () {
            chkId += $(this).val() + ",";
          });
          chkId = chkId.slice(0, -1);
          alert(chkId);
        }
        else {
          alert('Nothing Selected');
        }
      });

      $('.chkSelectAll').click(function () {
        $('.chkNumber').prop('checked', $(this).is(':checked'));
      });

      $('.chkNumber').click(function () {
        if ($('.chkNumber:checked').length == $('.chkNumber').length) {
          $('.chkSelectAll').prop('checked', true);
        }
        else {
          $('.chkSelectAll').prop('checked', false);
        }
      });

    });
</script>