javascript - getelementbyname - innerhtml

TypeError: this. $ E_0.getElementsByTagName no es una función

Question

Estoy intentando crear un diálogo modal en Sharepoint 2010, pero obtengo este error:

TypeError: this.$E_0.getElementsByTagName is not a function

mi código es:

var options = SP.UI.$create_DialogOptions();
options.html = ''<div class="ExternalClass23FFBC76391C4EA5A86FC05D3D9A1904"><p>RedConnect is now available.​</p></div>'';
options.width = 700;
options.height = 700;
SP.UI.ModalDialog.showModalDialog(options);

usando firebug, intenté simplemente usar el campo url en lugar del campo html y no dio error.

también relacionado con esto, ¿qué hace realmente SP.UI. $ create_DialogOptions ()? ¿Cuál es la diferencia entre usarlo y simplemente usar un dict de valores para sus opciones?

Answer 1

options.html requiere un elemento HTML DOM en lugar de un código HTML simple:

<script>

  function ShowDialog()
  {
    var htmlElement = document.createElement(''p'');

    var helloWorldNode = document.createTextNode(''Hello world!'');
    htmlElement.appendChild(helloWorldNode);

    var options = {
        html: htmlElement,
        autoSize:true,
        allowMaximize:true,
        title: ''Test dialog'',
        showClose: true,
    };

    var dialog = SP.UI.ModalDialog.showModalDialog(options);
  }

</script>

<a href="javascript:ShowDialog()">Boo</a>

Código de ejemplo tomado de la publicación de blog Renderizar html en un cuadro de diálogo de SharePoint requiere un elemento DOM y no una cadena .

también relacionado con esto, ¿qué hace realmente SP.UI. $ create_DialogOptions ()? ¿Cuál es la diferencia entre usarlo y simplemente usar un dict de valores para sus opciones?

Cuando observa la definición de la "clase" SP.UI.DialogOptions en el archivo SP.UI.Dialog.debug.js , ve que es una función javascript vacía.

SP.UI.DialogOptions = function() {}
SP.UI.$create_DialogOptions = function() {ULSTYE:;
    return new SP.UI.DialogOptions();
}

Supongo que está ahí para el propósito de diagnóstico del cliente. Eche un vistazo a esta pregunta SO: ¿Qué hace este código Javascript?