Leer en inglés

Compartir a través de

Segmento de formato TextInput

  • Artículo

TextInput es un segmento de formato sencillo que se usa para representar el tipo de objeto de texto de un archivo capabilities.json.

Captura de pantalla del segmento TextInput.

Ejemplo: implementación de TextInput

En este ejemplo, se muestra cómo crear un segmento de TextInput mediante las utilidades del modelo de formato.

Objeto de funcionalidades

Inserte el siguiente fragmento JSON en el archivo capabilities.json.

json 
{
  // ... same level as dataRoles and dataViewMappings
  "objects": {
    "labels": {
      "properties": {
        "title": {
          "type": {
            "text": true
          }
        }
      }
    }
  }
}

Aplicar formato a la clase de modelo

Inserte el fragmento de código siguiente en el archivo de configuración.

typescript 
import { formattingSettings } from "powerbi-visuals-utils-formattingmodel";

class LabelsCardSetting extends formattingSettings.SimpleCard {
    name: string = "labels"; // same as capabilities object name
    displayName: string = "Labels";

    public title: formattingSettings.TextInput = new formattingSettings.TextInput({
        name: "title", // same as capabilities property name
        displayName: "Title",
        value: "",
        placeholder: "Title placeholder"
    });
    
    public slices: formattingSettings.Slice[] = [ this.title ];
}

export class VisualSettings extends formattingSettings.Model {
    public labels: LabelsCardSetting = new LabelsCardSetting();
    public cards: formattingSettings.SimpleCard[] = [this.labels];
}

Contenido relacionado