LF
TImageCropper chamado a partir de um TWindow altera o TWindow
Olá, estou precisando utilizar um TImageCropper a partir de um TWindow. Ocorre que quando seleciono a imagem para que ela retorne para o TWindow a aparência do TWindow é alterada e ele é inserido no body no mesmo nível da TPage, deixando de ser um TWindow.
Fiz algumas pesquisas, mas não consegui chegar a uma solução.
Os testes foram feitos a partir do arquivo disponível no tutor para a utilização do TImageCropper. A única alteração foi para que a página que contem os componentes fosse um TWindow e não um TPage.
Comparei os arquivos do TWindow antes e depois da seleção da imagem e identifiquei algumas diferenças que ocorrem:
Linha original:
Linha após a carga da imagem:
Por outro lado, analisando os arquivos que geram o TImageCropper, verifiquei que no arquivo timagecropperjs, que está na pasta lib/include/timagecropper, na função "save", na linha 304 e 305, temos o seguinte código:
O que acredito que pode estar ocasionando o erro, mas não consegui solver o problema.
Fiz uma pesquisa prévia no fórum mas não encontrei relato semelhante e solução.
Caso alguém possa ajudar, fico grato!
Fiz algumas pesquisas, mas não consegui chegar a uma solução.
Os testes foram feitos a partir do arquivo disponível no tutor para a utilização do TImageCropper. A única alteração foi para que a página que contem os componentes fosse um TWindow e não um TPage.
Comparei os arquivos do TWindow antes e depois da seleção da imagem e identifiquei algumas diferenças que ocorrem:
Linha original:
<div tabindex="-1" role="dialog" class="ui-dialog ui-corner-all ui-widget ui-widget-content ui-front ui-draggable ui-resizable" aria-describedby="jquery_dialog_1979455136" aria-labelledby="ui-id-1" style="position: absolute; height: auto; width: 1000px; top: 259.444px; left: 344px; z-index: 2000;"><div class="ui-dialog-titlebar ui-corner-all ui-widget-header ui-helper-clearfix ui-draggable-handle"><span id="ui-id-1" class="ui-dialog-title"> </span><button type="button" class="ui-button ui-corner-all ui-widget ui-button-icon-only ui-dialog-titlebar-close" title="Close"><span class="ui-button-icon ui-icon ui-icon-closethick"></span><span class="ui-button-icon-space"> </span>Close</button></div><div id="jquery_dialog_1979455136" style="overflow: auto; width: auto; min-height: 0px; max-height: none; height: 458px;" widget="TWindow" name="WelcomeView" class="ui-dialog-content ui-widget-content">
Linha após a carga da imagem:
<div id="jquery_dialog_1979455136" style="overflow: auto;" widget="TWindow" name="WelcomeView" class="">
Por outro lado, analisando os arquivos que geram o TImageCropper, verifiquei que no arquivo timagecropperjs, que está na pasta lib/include/timagecropper, na função "save", na linha 304 e 305, temos o seguinte código:
$('.ui-dialog').remove();
$('#container_timgagecropper_image_' + that.field).remove();
O que acredito que pode estar ocasionando o erro, mas não consegui solver o problema.
Fiz uma pesquisa prévia no fórum mas não encontrei relato semelhante e solução.
Caso alguém possa ajudar, fico grato!