Histórico da Página
HTML |
---|
<div id="main-content" class="wiki-content group"> <p> </p> <h1 id="id-4.1.Criaçãodeprocessos-Índice"> <span style="color: rgb(0, 51, 102);">Índice<>Contents</span> </h1> <p> EnIn <strong>Fluig</strong> es posible utilizar los procesos que efectúan la integración con, you can use processes that integrate with <strong>Logix</strong>. Estos procesos se crean utilizando elThese processes are created by using <strong>Fluig Studio</strong>, para aprender más sobre esta herramienta consulte la documentación en. To learn more about this tool, check the documentation in: <a href="Fluig-Studio_144409669.html">Fluig Studio</a>. AThe continuacióndocumentation puedeto encontrarcreate laa documentaciónprocess parausing ladefault creaciónstyles deand unevents proceso usando estilos y eventos estándares disponibles paraavailable for el<strong>Logix<<strong>Logix</strong> si lo desea can be found below. </p> <p> <span style="color: rgb(0, 51, 102);"><style type='text/css'>/*<![CDATA[*/ div.rbtoc1412696434789 { padding: 0px; } div.rbtoc1412696434789 ul { list-style: disc; margin-left: 0px; } div.rbtoc1412696434789 li { margin-left: 0px; padding-left: 0px; } /*]]>*/ </style> <div class='toc-macro rbtoc1412696434789'> <ul class='toc-indentation'> <li><span class='TOCOutline'>1</span> <a href='#id-4.1.Criaçãodeprocessos-Índice'>Índice<>Contents</a></li> <li><span class='TOCOutline'>2</span> <a href='#id-4.1.Criaçãodeprocessos-Estilospadrões'>Estilos>Default estándares<styles</a> <ul class='toc-indentation'> <li><span class='TOCOutline'>2.1</span> <a href='#id-4.1.Criaçãodeprocessos-Máscaras'>Máscaras<>Masks</a></li> <li><span class='TOCOutline'>2.2</span> <a href='#id-4.1.Criaçãodeprocessos-Zooms'>Zooms</a></li> </ul></li> <li><span class='TOCOutline'>3</span> <a href='#id-4.1.Criaçãodeprocessos-Defindoocódigodaempresa'>Definiendo>Defining elthe código de la empresa<company code</a></li> <li><span class='TOCOutline'>4</span> <a href='#id-4.1.Criaçãodeprocessos-FormuláriosPaiFilho'>Formularios>Parent PadreChild Hijo<Forms</a></li> <li><span class='TOCOutline'>5</span> <a href='#id-4.1.Criaçãodeprocessos-Anexos'>Adjuntos<>Attachments</a></li> </ul> </div></span> </p> <h1 id="id-4.1.Criaçãodeprocessos-Estilospadrões"> <span style="color: rgb(0, 51, 102);">Estilos>Default estándares<styles</span> </h1> <p> <span>Los<span>The estilosstyles deof losthe formulariosHTML HTMLforms debenmust seguirfollow elthe mismosame estándarstandard definidodefined porby elFluig, Fluigwhich quecan sebe encuentrafound enthrough elthe following link <a href="http://fluig.totvs.com/portal/p/10097/ecmnavigation?app_ecm_navigation_doc=1672216" class="external-link" rel="nofollow">http://fluig.totvs.com/portal/p/10097/ecmnavigation?app_ecm_navigation_doc=1672216</a>. </span> </p> <h2 id="id-4.1.Criaçãodeprocessos-Máscaras"> <span style="color: rgb(0, 51, 102);">Máscaras<>Masks</span> </h2> <p> <span style="color: rgb(0, 0, 0);">Las>The máscarasmasks of dethe losform camposmust delalso formulariofollow tambiénthe debenstandard seguirthat elcan estándarbe quefound se puede encontrar en in <a href="75270483.html#CustomizaçãodeFormulários-MáscaradeCampos">Personalización de Formularios#MáscaradeCampos<>FormCustomization#FieldsMask</a>. </span> </p> <h2 id="id-4.1.Criaçãodeprocessos-Zooms"> <span style="color: rgb(0, 51, 102);">Zooms</span> </h2> <p> <span style="color: rgb(0, 51, 102);"><span style="color: rgb(0, 0, 0);">Para atribuir>In order to assign zooms ato los camposthe esfields, necesarioyou incluirmust en el elemento el atributo add the </span><strong>fecha<span><strong>data</strong><span style="color: rgb(0, 0, 0);"> conattribute lasin informacionesthe deelement, with the zoom eninformation elin formatothe JSON string format.</span></span> </p> <p> </p> <div class="code panel pdl" style="border-width: 1px;"> <div class="codeContent panelContent pdl"> <pre class="theme: Eclipse; brush: javascript; gutter: false" style="font-size: 12px;">{ "zoom": { "name": "zoom_item", "selection": [ ["cod_item_compon","cod_item"], ["den_item","den_item_reduz"] ], "whereclause": { "fn": "setWhereClause", "args": ["item"] } } }</pre> </div> </div> <p> <span style="color: rgb(0, 51, 102);"><span style="color: rgb(0, 0, 0);">La>The informaciónfollowing queinformation semust debebe incluirattributed for parathe elcorrect correctooperation funcionamientoof delthe zoom es:</span></span> </p> <ul> <li><strong><span style="color: rgb(0, 0, 0);">name</span></strong><span style="color: rgb(0, 0, 0);"><strong>:</strong> nombrename of delzoom zoomregistered registradoin enthe elLogix metadato Logixmetadata.</span></li> <li><span style="color: rgb(0, 0, 0);"><strong>selection:</strong></span> <ul> <li><span style="color: rgb(0, 0, 0);">lista>list conof losfields campos que se cargarán cuando se selecciona el registro en zoom,that will be loaded when the record on the zoom is selected; the elfirst item primeris ítemthe esname elof nombrethe delform campofield deland formulariothe ysecond elis segundothe esname elof nombrethe delfield campoin enthe elzoom zoomwhich delwill cualassign elvalue primerto ítemthe recibiráfirst el valoritem.<br /> </span></li> </ul></li> <li><span style="color: rgb(0, 0, 0);"><strong>whereclause:</strong><br /></span> <ul> <li><span style="color: rgb(0, 0, 0);"><strong>fn:</strong> <span style="color: rgb(0, 0, 0);">función>JavaScript JavaScriptfunction quethat seráwill ejecutadabe performed cuandowhen elthe zoom is seaactivated accionadoto parareturn retornarthe elSQL filtrofilter SQLconsidered ain considerarthe enpresentation laof presentación de los registros del zoomzoom records.</span><br /></span></li> <li><span style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 0);"><strong>args: </strong>listastrong>list conwith values valoresthat quewill seránbe pasadospassed comoas parámetrosparameters parafor lathe funciónfunction definidadefined enin elthe atributo <strong>fn</strong> atribute.</span></span><br /> <span <span style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 0);"><br /></span></span></li> </ul></li> </ul> <div class="aui-message warning shadowed information-macro"> <span class="aui-icon icon-warning">Icon</span> <div class="message-content"> <p style="text-align: center;"> <span style="color: rgb(0, 0, 0);">Además>In de las informaciones del zoom anteriormente mencionado es necesarioaddition to the zoom incluirinformation en los elementos el atributoabove, the </span><strong>fechaspan><strong>data-input-zoom<br /></strong><span style="color: rgb(0, 0, 0); font-size: 10.0pt; line-height: 13.0pt;">para>attribute que sea posible identificar cuáles campos poseerán zoommust be included in the elements in order for the fields that will feature zoom to be identified.</span> </p> </div> </div> <p> </p> <h5 id="id-4.1.Criaçãodeprocessos-Exemplo"> <span style="color: rgb(0, 51, 102); font-size: 1.1em; font-weight: bold; line-height: normal;">Ejemplo<>Example</span> </h5> <div class="code panel pdl" style="border-width: 1px;"> <div class="codeContent panelContent pdl"> <pre class="theme: Eclipse; brush: html/xml; gutter: false" style="font-size: 12px;"><div class="fw-input"> <label class="fw-descr-top-obrigat">Componente atual:</label> <input type="text" name="cod_item_compon" class="fw-input-char" maxlength="15" data='{"picture":"@!","zoom":{"name":"zoom_item","selection":[["cod_item_compon","cod_item"],["den_item","den_item_reduz"]],"whereclause":{"fn":"setWhereClause","args":["item"]}}}' data-input-zoom> </div></pre> </div> </div> <h1 id="id-4.1.Criaçãodeprocessos-Defindoocódigodaempresa"> <span style="color: rgb(0, 51, 102);">Definiendo>Defining elthe código de la empresa<company code</span> </h1> <p> <span style="color: rgb(0, 0, 0);">Para>To use utilizarthe lasLogix rutinasroutines del Logixfrom the workflow, a partircode delfor workflowthe escompany necesariothat quewill hayabe elused códigoin de lathe empresa que será utilizada en la rutina. Para ello, debe crear unroutine must be defined. To do that, create a field on the form where campothe encompany elcode formulariowill dondebe seráinformed, informadoand elinclude códigothe de la empresa eattribute <strong> incluir para este campo el atributo <strong>fecha data-cod-empresa<company</strong>. El valor informado en el campo que posee este atributo será for this field. The value entered in the field that consideradofeatures elthis códigoattribute dewill labe empresaconsidered enthe lacompany rutinacode durantein lathe ejecuciónroutine during execution. </span> </p> <h5 id="id-4.1.Criaçãodeprocessos-Exemplo.1"> <span style="color: rgb(0, 51, 102); font-size: 1.1em; font-weight: bold; line-height: normal;">Ejemplo<>Example</span> </h5> <div class="code panel pdl" style="border-width: 1px;"> <div class="codeContent panelContent pdl"> <pre class="theme: Eclipse; brush: html/xml; gutter: false" style="font-size: 12px;"><div class="fw-input"> <label class="fw-descr-top-obrigat">Empresa:</label> <input type="text" name="cod_empresa" class="fw-input-char" maxlength="2" data='{"picture":"@!","zoom":{"name":"zoom_empresa","selection":[["cod_empresa","cod_empresa"],["den_empresa","den_empresa"]]}}' data-cod-empresa data-input-zoom> </div></pre> </div> </div> <h1 id="id-4.1.Criaçãodeprocessos-FormuláriosPaiFilho"> <span style="color: rgb(0, 51, 102);">Formularios>Parent PadreChild Hijo<Forms</span> </h1> <p> <span style="color: rgb(0, 0, 0);">Em>In formularios <strong>Padre<strong>Parent Hijo<Child</strong> losforms, camposchild hijosfields sonare creadoscreated dinámicamentedynamically yand consecuentementeconsequently losthe styles estilosand ybehaviors comportamientosof dethese estosfields camposdo nonot siguenfollow elthe mismosame estándar de los otros campos del formulario cuando se utilizan losstandard of the other fields of the form when using the default estilosstyles yand eventosevents estándaresof del Logix.  </span><span style="color: rgb(0, 0, 0); font-size: 10.0pt; line-height: 13.0pt;">Para>To solucionarsolve estethese problemaproblems, eswe recomendablerecommend seguirfollowing losthe pasos a continuaciónsteps below:</span> </p> <p style="margin-left: 30.0px;"> <span style="color: rgb(0, 0, 0);">1. Crear el botón yManually create eventobutton and deevent inclusiónfor deaddition camposof hijoschild manualmente<fields</span> </p> <ul> <li style="list-style-type: none;"><ul> <li style="color: rgb(0, 0, 0);"><span style="font-size: 10.0pt; line-height: 13.0pt; color: rgb(0, 0, 0);">Para>To estodo seso, debeadd incluir en el elemento de tabla del formulario el atributothe attribute </span><strong style="font-size: 10.0pt; line-height: 13.0pt; color: rgb(0, 0, 0);">noaddbutton</strong><span style="font-size: 10.0pt; line-height: 13.0pt; color: rgb(0, 0, 0);"> con el valorin the table element of the form with the value </span><strong style="font-size: 10.0pt; line-height: 13.0pt; color: rgb(0, 0, 0);">true</strong><span style="font-size: 10.0pt; line-height: 13.0pt; color: rgb(0, 0, 0);">.</span></li> </ul></li> </ul> <h5 id="id-4.1.Criaçãodeprocessos-Exemplo.2"> <span style="color: rgb(0, 51, 102);">Ejemplo<>Example</span> </h5> <div class="code panel pdl" style="border-width: 1px;"> <div class="codeContent panelContent pdl"> <pre class="theme: Eclipse; brush: html/xml; gutter: false" style="font-size: 12px;"><div style="padding: 10px; margin-bottom: 5px;"> <input type="button" onclick="addItem();" value="Adicionar item"/> </div> <table noaddbutton="true" tablename="itens"> <!-- Código HTML --> </table></pre> </div> </div> <p style="margin-left: 30.0px;"> <span style="color: rgb(0, 0, 0);">2. CrearCreate elthe eventoJavaScript JavaScriptevent parato incluirinclude yand alterarchange losthe estilosstyles deof losthe camposchild hijos<fields</span> </p> <ul> <li style="list-style-type: none;"><ul> <li style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 0);">Para>To include incluirnew nuevoschild ítemsfields, hijos,use utilizar la función estándarthe default <strong>wdkAddChild</strong> function, using pasandothe porname parámetrodefined el nombre definido en el atributo <strong>tablename;</strong>in the <strong>tablename</strong> attribute as parameter; </span></li> <li style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 0);">El>The eventoevent <strong>wdkAddChild</strong><span style="color: rgb(0, 0, 0);"> </span>crearáspan>will loscreate ítemsthe hijos ychild retornar el número de la línea creada; yitems, and return the number of the line created; and </span></li> <li style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 0);">Después>Afterwards, ejecutarexecute lathe funciónfunction <strong>initLogixHtml</strong>, pasandoinforming <span style="color: rgb(0, 0, 0);">el>the númeronumber deof lathe línealine yand elthe nombrename definido endefined elin atributothe </span><strong>tablename</strong> attribute. </span></li> </ul></li> </ul> <h5 style="color: rgb(0, 0, 0);" id="id-4.1.Criaçãodeprocessos-Exemplo.3"> <span style="color: rgb(0, 51, 102);">Ejemplo<>Example</span> </h5> <div class="code panel pdl" style="border-width: 1px;"> <div class="codeContent panelContent pdl"> <pre class="theme: Eclipse; brush: javascript; gutter: false" style="font-size: 12px;">function addItem() { var tablename = "itens", row = wdkAddChild(tablename); initLogixHtml({ "tablename": tablename, "row": row }); }</pre> </div> </div> <p> <span style="color: rgb(0, 0, 0);">Siguiendo>Following the lossteps pasosabove, anterioresthe child items will behave normally, loslike elementosthe secundariosrest seof comportanthe normalmente asíform como el resto de los campos de este formulariofields.</span> </p> <p> <span style="color: rgb(0, 51, 102);"><br /></span> </p> <h1 id="id-4.1.Criaçãodeprocessos-Anexos"> <span style="color: rgb(0, 51, 102);">Adjuntos<>Attachments</span> </h1> <ul> <li>Biblioteca<li>JavaScript JavaScriptLibrary <strong><a href="attachments/108660318/146118753.js">wfLogixUtil.js</a></strong>. </li> <li>Archivo<li>Sample HTML de ejemplofile <strong><a href="http://fluig.totvs.com/portal/p/10097/ecmnavigation?app_ecm_navigation_doc=1675332" class="external-link" rel="nofollow">http://fluig.totvs.com/portal/p/10097/ecmnavigation?app_ecm_navigation_doc=1675332</a></strong>. </li> </ul> </div> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas