将文本添加到Angular Ui-Grid日期列

时间:2016-08-22 15:06:45

标签: angular-ui-grid

我有一个角度ui-grid,其中包含一个日期列,表示电子邮件发送给新用户的日期:

{ 
  name: "SentOn", 
  displayName: "Sent On", 
  cellFilter: "date:\"yyyy-MM-dd HH:mm\"" 
}

在完成大量后台进程之前,不会发送电子邮件,因此此日期可以为null。当日期为空时,单元格中不显示任何内容。

当日期为空时,是否有直接显示某些默认文本的方法?

1 个答案:

答案 0 :(得分:2)

有两种方法可以达到你想要的效果。

  1. 您可以为单元格提供自定义模板以处理空日期方案。这也许是更容易的选择。
  2. UserAdapter userAdapter = new UserAdapter(
           User.class,
           R.layout.user,
           UserAdapter.UserViewHolder.class,
           reference.orderByChild("name").startAt(newText.toUpperCase());
     );
    recyclerView.setAdapter(userAdapter);
    return true;
    

    或者您可以创建一个自定义的cellFilter来处理null日期。您可以扩展现有的日期过滤器来实现此目的。

    { 
      name: "SentOn", 
      displayName: "Sent On", 
      cellTemplate : "<div class=\"ui-grid-cell-contents\">{{COL_FIELD CUSTOM_FILTERS || \"Not Sent\"}}</div>"
    }
    

    这是一个有效的plnkr。 http://plnkr.co/edit/qHaRzkzxGEphuTMQ6oqG?p=preview