Question

我正在尝试根据用户从下拉选择菜单中选择的棋盘返回一张卡片列表。

DEMO http://jsfiddle.net/nNesx/1378/

我创建了以下的电路板列表

var $boards = $("<select>")
        .text("Loading Boards...")
        .appendTo("#output");

    // Output a list of all of the boards that the member 
    // is assigned to
    Trello.get("members/me/boards", function(boards) {
        $boards.empty();
        $.each(boards, function(ix, board) {
            $("<option>")
            .attr({href: board.url, target: "trello"})
            .addClass("board")
            .text(board.name)
            .appendTo($boards);
        });  
    });

给了我所有可用电路板的下拉选择。

一旦用户选择了主板，我就希望他们看到该主板的卡片。我正在使用此代码用于卡片，但所有卡片都会出现。

var $cards = $("<div>")
        .text("Loading Boards...")
        .appendTo("#outputCards");

    // Output a list of all of the boards that the member 
    // is assigned to based on what they choose in select dropdown
    Trello.get("members/me/cards", function(cards) {
        $cards.empty();
        $.each(cards, function(ix, card) {
            $("<a>")
            .attr({href: card.url, target: "trello"})
            .addClass("card")
            .text(card.name)
            .appendTo($cards);
        });  
    });

我不确定如何根据选择下拉菜单显示卡片？

DEMO http://jsfiddle.net/nNesx/1378/

Answer 1

您需要使用其他资源

不使用members/me/cards，而是使用boards/[board_id]/cards

只需在您的选择中添加一个ID，并为每个选项添加一个ID ...

var $boards = $("<select>")
        .attr("id", "boards") /* we'll use this later */
        .text("Loading Boards...")
        .appendTo("#output");

     $("<option>")
      /* notice the added board id value */
      .attr({href: board.url, target: "trello", value : board.id})
      .addClass("board")
      .text(board.name)
      .appendTo($boards);

然后你就可以抓住所有卡片了

var resource = "boards/" . $("#boards").val() . "/cards";
Trello.get(resource, function(cards) {
  // rest of code...
});

获取基于Board的卡列表 - Trello API

1 个答案: