none
el uso de la ventana emergente RRS feed

  • Pregunta

  • Buenos días, agradecería su ayuda, tengo un botón en mi webPart y al dar click necesito abrir una ventanita en el cual voy a cargar unos datos de una lista.

    Cómo lo puedo trabajar?

    Gracias.


    sandra

    miércoles, 13 de febrero de 2013 16:36

Respuestas

Todas las respuestas

  • Hola Sandra,

    Dale una mirada a este artículo que escribí hace tiempo: http://geeks.ms/blogs/ciin/archive/2012/03/16/sharepoint-online-c-243-mo-abrir-ventanas-modales-desde-webparts.aspx

    SAludos


    ------------------------------------------------------------
    Juan Carlos González Martín MVP de SharePoint Server
    Director revista CompartiMOSS: http://www.compartimoss.com
    Blog: http://geeks.ms/blogs/ciin
    Twitter: @jcgm1978
    ------------------------------------------------------------

    • Marcado como respuesta sandraguerrero miércoles, 13 de febrero de 2013 20:22
    miércoles, 13 de febrero de 2013 16:57
  • Hola Sandra:

    Primero debes crear una funcion JS que invoce la funcion nativa de SharePoint encargada  de abrir la ventana modal:

    <script type="text/javascript" language="javascript">
    02     function openAsgardDialog() 
    03     {
    04         var options = {
    05             url: "/Pages/AsgardPantheon.aspx",
    06             width: 800,
    07             height: 650,
    08             title: "Hola mundo",
    09         };
    10         SP.UI.ModalDialog.showModalDialog(options);
    11     }
    12

    </script>";

    Luego debes tener una pagina ASPX donde tendras los elementos que deseas mostrar, la cual llamas a traves del metodo anterior

    private void RegisterOpenHelloWorldDialogScript()
    02 {
    03     string script =
    04         @"<script type=""text/javascript"" language=""javascript"">
    05             function openAsgardDialog() 
    06             {{
    07                 var options = {{
    08                     url: ""{0}/Pages/Paginaconitems.aspx"",
    09                     width: 800,
    10                     height: 650,
    11                     title: ""ASGARD"",
    12                 }};
    13                 SP.UI.ModalDialog.showModalDialog(options);
    14             }}
    15             </script>";
    16     script = string.Format(script, SPContext.Current.Web.Url);
    17   
    18     Page.ClientScript.RegisterClientScriptBlock(GetType(),
    19             "OpenAsgardDialogScript", script);
    20 }

     

    Espero te sea de utilidad


    • Editado MauricioGB miércoles, 13 de febrero de 2013 17:03
    miércoles, 13 de febrero de 2013 17:02
  • Hola, muchas gracias a todos por su ayuda, como leí primero la respuesta de Juan Carlos lo hice de esa forma y funcionó.

    Saludos


    sandra

    miércoles, 13 de febrero de 2013 20:22