如何用照片和姓名(CardHeaders)垂直构建多张卡片以显示多个用户详细信息?

时间:2019-06-26 05:28:45

标签: google-apps-script gmail-addons

我正在创建gmail插件,在进行一些http调用后,我已经显示了用户列表。可能的方法是在Google脚本中使用CardHeader。有人可以帮助我如何在一个页面中创建多张卡并在列表中显示我的详细信息吗?示例代码。如何在代码中加载多个卡代替 newCard

function getRedirect(pageId,title){
   var redirectform = CardService.newAction()
        .setFunctionName('redirectCallback')
        .setParameters({page:pageId.toString()});
    var redirectButton = CardService.newTextButton()
    .setText(title)
     .setOnClickAction(redirectform);
   return redirectButton;
}
function redirectCallback(e){
  var pageId = parseInt(e.parameters.page);
   var newCard,redirectBtn;
   if(pageId == 1){
      redirectBtn = getRedirect(2,"Next");
       newCard = CardService.newCardBuilder()
                     .setHeader(CardService.newCardHeader()
                                         .setTitle("Page2"))
                     .addSection(CardService.newCardSection()
                           .addWidget(CardService.newButtonSet()
                                 .addButton(redirectBtn))).build()
   }
    var navigate = CardService.newNavigation().pushCard(newCard);
    return CardService.newActionResponseBuilder()
                       .setNavigation(navigate).build()  
   }

   function buildAddOn() {
      var header = getHeaderSection();
      var body = getBody();
      var submitForm = CardService.newAction()
                                  .setFunctionName('openLinkCallback');
       var submitButton = CardService.newTextButton()
                                     .setText('Open Greatwork')
                                  .setOnClickAction(submitForm);
       var redirectBtn = getRedirectBtn(1,"Next");
       var mainCard = CardService
       .newCardBuilder()
       .addSection(CardService.newCardSection()
      .addWidget(CardService.newButtonSet().addButton(submitButton)))
      .addSection(CardService.newCardSection()             
      .addWidget(CardService.newButtonSet().addButton(redirectBtn)))
      .build();
  return mainCard;
}

1 个答案:

答案 0 :(得分:0)

在查看所需内容时,建议您使用card navigation。设置个人卡的方法效果很好,并且按照该链接示例中的说明进行操作可以帮助您创建自己的目标。

该链接还提供了有关高级卡片导航的说明,因此您可以轻松浏览几种不同的卡片。 Here概述了两种导航卡的方式。