Problema de arrastar e soltar no SAP HANA: solução com jQuery e sap.ui.ux3.shell

<!DOCTYPE HTML> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <script src="resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-libs="sap.ui.commons, sap.ui.table, sap.ui.ux3" data-sap-ui-theme="sap_goldreflection"> </script> <script type="text/javascript" src="js/commons.js"></script> <script type="text/javascript" src="js/model.js"></script>  <script type="text/javascript" src="js/filter.js"></script> <!-- add sap.ui.table,sap.ui.ux3 and/or other libraries to 'data-sap-ui-libs' if required <link rel="stylesheet" type="text/css" href="css/custom.css"> <script> $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-core'); $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-widget'); $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-mouse'); $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-draggable'); $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-droppable'); $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-sortable'); ...... ...... var oShell =

Olá Ramesh,

Obrigado pela sua resposta.

No método "onBeforeRendering", desvinculo os eventos. Você pode usar $( "#oWInputLayout .sapUiVltCell" ).unbind(), mas tenho lido sobre problemas com desvinculação geral. O método preferido é especificar os eventos que deseja desvincular.

Então minha solução foi desvincular todos os possíveis eventos de arraste:

$( "#oWInputLayout .sapUiVltCell" ).unbind("draginit dragstart drag dragend");

Espero ter ajudado.

Saudações

Kai

Respondido el 15/04/2024

LUCIANO RIOJA GHIOTTO

Se unió el 13/07/2019

Agregar

Olá Kai,

°Boa ideia! Você pode publicar o que escreveu em "onBeforeRendering" para desvincular o arrastável? É apenas "†† $( "#oWInputLayout .sapUiVltCell" ).draggable('disable')††† "?

Saudações,

Ramesh

Respondido el 15/04/2024

LUCIANO RIOJA GHIOTTO

Se unió el 13/07/2019

Agregar

Bom trabalho

Respondido el 15/04/2024

LUCIANO RIOJA GHIOTTO

Se unió el 13/07/2019

Agregar

Olá a todos!

Hoje encontrei a solução na documentação:

SAPUI5 SDK - Demo Kit

        
            A inscrição do evento deve ser feita no método onAfterRendering do Controle, então o vínculo do evento é repetido sempre depois que o controle é renderizado novamente (novos elementos DOM são criados e os antigos são descartados). Além disso, para evitar vazamentos de memória, o vínculo do evento deve ser removido (com jQuery.unbind()) no método "onBeforeRendering" e no método "exit" (que é chamado antes do Controle ser destruído).

Portanto, no meu caso, coloquei o seguinte na função onAfterRenderin do controlador correspondente:

        
            onAfterRendering: function() {
                //Wareneingang
                //Permitir arrastar e soltar, o escopo regula para onde pode ser arrastado, aqui também podem ser carregadas funções, por exemplo: start:function() { //fazer algo }.
                $(function() {
                    $("#oWInputLayout .sapUiVltCell").draggable({handle: "#oWInputLayout .sapUiVltCell .sapUiLbl", appendTo: 'body', zIndex: 1500, containment: 'DOM', revert: 'invalid', helper: 'clone', addClasses: false, scope: "Create-TA"
                    });
                });
                $(function() {
                    $("#oWTaLayout").droppable({scope: "Create-TA"});
                });
                //...
            }

Espero que isso ajude.

Kai

Respondido el 15/04/2024

LUCIANO RIOJA GHIOTTO

Se unió el 13/07/2019

Agregar

Etiquetas más populares

Ver todo

4 Respuestas

Etiquetas más populares

Preguntas más populares

Partners: