Question

也许这有点矫枉过正，但我正在努力 1.在UI-Grid中单击链接时打开模态窗口可以通过修改http://ui-grid.info/docs/#/tutorial/110_grid_in_modal来完成 2.在模态中放置一个（ui.bootstrap.datepicker） 3.检索所选日期
4.更新该UI-Grid Row中的Date Cell

所以，鉴于上述要求，Ui-Grid'非常适合'/'可以做到这一点

TIA

Answer 1

不，不是矫枉过正。您可以使用UI-Grid轻松完成此操作。这里有一个关于如何使用Angular Schema Form连接模态编辑器的指南：http://brianhann.com/create-a-modal-row-editor-for-ui-grid-in-minutes/（警告：我是作者）。

我还创建了一个新的plunker，它使用angular-schema-form-datepicker库来展示如何执行此操作：http://plnkr.co/edit/7t3BI2AUcnvNfav78Btr?p=preview

（对于作为plunk一部分的文件，plunker已投掷404s，因此您可能需要刷新它）

您需要做的主要事情是设置对象架构：

scope.schema = {
  "type": "object",
  "properties": {
    "myDate": {
      "title": "My Date",
      "type": "string",
      "format": "date"
    }
  }
}

使用与列Defs相同的属性：

columnDefs = [
  { field: 'myDate', name: 'My Date' }
]

并在表单中指定日期格式：

form = [
  {
    key: 'myDate',
    format: 'yyyy-mm-dd'
  }
]

使用从Grid单元格打开的Modal中的Angular-UI Bootstrap Datepicker获取日期

1 个答案: