Microsoft. Elemento de interfaz Common.Grid

El Grid elemento de interfaz de usuario (UI) muestra una colección tabular de filas. Las filas pueden añadirse o editarse abriendo hojas que devuelvan los datos de la fila.

Ejemplo de interfaz de usuario

El Grid elemento genera una tabla con botones de comandos para añadir, editar y eliminar filas.

Schema

{
  "name": "subnets",
  "type": "Microsoft.Common.Grid",
  "label": {
    "summary": "Subnets",
    "addition": "Add subnet",
    "delete": "Delete subnet",
    "ariaLabel": "Subnets"
  },
  "defaultValue": [
    {
      "name": "default",
      "addressPrefix": "10.0.0.0/24"
    }
  ],
  "addBlade": {
    "name": "SubnetBlade",
    "extension": "Microsoft_Azure_Network",
    "parameters": {},
    "outputItem": "subnet",
    "inContextPane": true
  },
  "editBlade": {
    "name": "SubnetBlade",
    "extension": "Microsoft_Azure_Network",
    "parameters": {
      "subnet": "[$item]"
    },
    "outputItem": "subnet",
    "inContextPane": true
  },
  "constraints": {
    "rows": {
      "count": {
        "min": 1,
        "max": 5
      }
    },
    "canEditRows": true,
    "columns": [
      {
        "id": "name",
        "header": "Name",
        "cellType": "readonly",
        "text": "[$item.name]"
      },
      {
        "id": "addressPrefix",
        "header": "Address prefix",
        "cellType": "readonly",
        "text": "[$item.addressPrefix]"
      }
    ],
    "width": "Full"
  },
  "visible": true
}

Salida de ejemplo

[
  {
    "name": "default",
    "addressPrefix": "10.0.0.0/24"
  }
]

Remarks

• label.summary se utiliza en resúmenes y textos de accesibilidad.
• label.addition y label.delete proporcionar etiquetas de comando.
• defaultValue es un array de objetos fila, o una expresión que evalúa a un array.
• addBlade define la hoja abierta para formar una hilera. name, parametersy outputItem son necesarios.
• editBlade define la hoja abierta para editar una fila existente. Es necesario cuando constraints.canEditRows es true.
• constraints.rows.count.min y constraints.rows.count.max establecer límites de recuento de filas.
• constraints.columns define las columnas de la tabla. Una readonly columna usa text; una input columna usa element.
• constraints.width puede ser Small, Medium o Full.
• Para formularios públicos de especificaciones de plantilla, úsalo Microsoft.Common.EditableGrid a menos que tu host soporte las hojas de añadir y editar referenciadas por Microsoft.Common.Grid.

Pasos siguientes

• Elementos de vista de forma
• Funciones CreateUiDefinition