Introducción

En el paso 3 de Integrar un informe en un icono, Obtener un icono de Power BI, obtendrá un icono de Power BI. En este paso, cargará un icono en un IFrame.

Para cargar un icono en un IFrame, configure el atributo src de un IFrame para la propiedad embedUrl de un icono y cree un controlador onload para publicar un mensaje con un token de acceso para obtener acceso al elemento visual del icono. A continuación se muestra el código JavaScript para cargar un icono en un IFrame.

Cargar un icono en un IFrame

//Configure IFrame for the tile after you have an Access Token. See Default.aspx.cs to learn how to get an Access Token
window.onload = function () {
    if ("" != document.getElementById('MainContent_accessToken').value)
    {
        var iframe = document.getElementById('iFrameEmbedTile');

        // To load a tile do the following:
        // Set the IFrame source to the EmbedUrl from the Get Tiles operation
        iframe.src = document.getElementById('MainContent_tileEmbedUrl').value;

        // Add an onload handler to submit the access token
        iframe.onload = postActionLoadTile;
    }
};

// Post the access token to the IFrame
function postActionLoadTile() {

    // Construct the push message structure
    // This is where you assign the Access Token to get access to the tile visual
    var messageStructure = {
        action: "loadTile",
        accessToken: document.getElementById('MainContent_accessToken').value,
        height: 500,
        width: 500
    };
    message = JSON.stringify(messageStructure);

    // Push the message
    document.getElementById('iFrameEmbedTile').contentWindow.postMessage(message, "*");;
}

Si ha descargado y ejecutado Integrar un icono de informe, el ejemplo tendrá un aspecto parecido al siguiente.

Conclusión

En este tutorial ha aprendido cómo integrar un icono en una aplicación mediante la obtención de un icono en un panel y, a continuación, cargando el icono en un IFrame. Puede descargar Integrar un icono de informe completo, que muestra todas las partes necesarias para incrustar un icono en una aplicación web ASP.NET. También puede ver la sección completa Integrar un icono en un listado de código de la aplicación.

Vea también

Suscribirse en Power BI
Tutorial Integrar un icono en una aplicación
Integrar un ejemplo de icono
Configurar Integrar un ejemplo de icono
Operación Obtener paneles
Operación Obtener iconos
¿Tiene más preguntas? Pruebe la comunidad de Power BI