Diferencias

Muestra las diferencias entre dos versiones de la página.

--- funciones:nfl_updatebyid [02/09/2022 18:49]
pedro
+++ funciones:nfl_updatebyid [14/12/2023 15:48] (actual)
pedro
@@ Línea 19: / Línea 19: @@
   * **data-badge-caption**: Para modificar el texto de un wBadget
-===== Ejemplo de uso =====
+===== Ejemplo de uso por AJAX =====
-{{url>https://samples.nefele.dev/wiki/updatebyid  100%,150px}}
+{{url>https://samples.nefele.dev/wiki/updatebyid  100%,140px}}
 <Code:xailer linenums:1>
 PROCEDURE vUpDateById( o )
-   WITH OBJECT WBevel():New(o)
+   WITH OBJECT WBevel():New( o )
-      :aWidth[xc_S] := 6
+      :lValign      := .T.
-      WITH OBJECT WButton():New(:WO)
+      WITH OBJECT WBevel():New( :WO )
-         :cText         := "Activar Pulse"
+         :aWidth[ xc_S ] := 5
-         :cOnClick      := "UpDateById1"
+         WITH Object WButton():New( :WO )
-         :cIcon         := "apps"
+            :cText         := "Activar Pulse"
-         :cAjaxBevel    := "nflcargo"
+            :cOnClick      := "UpDateById1"  // Esto realmente llama a AjaxUpdateById( .T. )
-         :lLarge        := .T.
+            :cIcon         := "blur_on"
-         :lCenter       := .T.
+            :cAjaxBevel    := "nflcargo"
-         :nFix          := "75%"
+            :lLarge        := .T.
+            :lCenter       := .T.
+            :nFix          := "90%"
+            :Create()
+         END WITH
          :Create()
       END WITH
-      WITH OBJECT WButton():New(:WO)
-         :cText         := "Desactivar Pulse"
+      WITH OBJECT WBevel():New( :WO )
-         :cOnClick      := "UpDateById2"
+         :aWidth[ xc_S ] := 2
-         :cIcon         := "apps"
+         :lHcenter       := .T.
-         :cAjaxBevel    := "nflcargo"
+         WITH OBJECT WIcon():New( :WO )
-         :lLarge        := .T.
+            :cId   := "oicon"
-         :lCenter       := .T.
+            :cIcon := "cancel"
-         :nFix          := "75%"
+            :cSize := "large"
+            :Create()
+         END WITH
          :Create()
       END WITH
-      :Create()
-   END WITH
-   WITH OBJECT WBevel():New(o)
+      WITH OBJECT WBevel():New( :WO )
-      :aWidth[xc_S] := 6
+         :aWidth[ xc_S ] := 5
-      :lValign      := .T.
+         WITH Object WButton():New( :WO )
-      WITH OBJECT WIcon():New(:WO)
+            :cText         := "Desactivar Pulse"
-         :cId   := "oicon"
+            :cOnClick      := "UpDateById2"  // Esto realmente llama a AjaxUpdateById( .F. )
-         :cIcon := "cancel"
+            :cIcon         := "blur_off"
-         :cSize := "large"
+            :cAjaxBevel    := "nflcargo"
+            :lLarge        := .T.
+            :lCenter       := .T.
+            :nFix          := "90%"
+            :Create()
+         END WITH
          :Create()
       END WITH
       :Create()
    END WITH
@@ Línea 67: / Línea 77: @@
 PROCEDURE AjaxUpdateById( lPulse )
-   oCGI:SendScript( nfl_UpdateById( { "oicon", lPulse, "pulse" } ) )
+   oCGI:SendScript( nfl_UpdateById( {{ "oicon", lPulse, "pulse" },;
+                                     { "oicon", "red-text", IIF( lPulse, "addclass", "removeclass") } } ) )
 RETURN
+//------------------------------------------------------------------------------
+CLASS TCgi FROM XCgi
+   // De esta manera tengo dos entradas al CGI que van al mismo PROCEDURE pero con parámetros distintos
+   METHOD UpdateById1()     INLINE AjaxUpdateById( .T. )
+   METHOD UpdateById2()     INLINE AjaxUpdateById( .F. )
+END CLASS
 </Code>
+===== Ejemplo de uso directamente con JS =====
+{{url>https://samples.nefele.dev/wiki/updatebyid2  100%,140px}}
+<Code:xailer linenums:1>
+PROCEDURE vUpDateById2( o )
+   WITH OBJECT WBevel():New( o )
+      :lValign      := .T.
+      WITH OBJECT WBevel():New( :WO )
+         :aWidth[ xc_S ] := 5
+         WITH OBJECT WButton():New( :WO )
+            :cText         := "Activar Pulse"
+            :cOnClick      := "js:" + nfl_UpdateById( { { "oicon", .T., "pulse" },;
+                                                        { "oicon", "red-text", "addclass" } } )
+            :cIcon         := "blur_on"
+            :lLarge        := .T.
+            :lCenter       := .T.
+            :nFix          := "90%"
+            :Create()
+         END WITH
+         :Create()
+      END WITH
+      WITH OBJECT WBevel():New( :WO )
+         :aWidth[ xc_S ] := 2
+         :lHcenter       := .T.
+         WITH OBJECT WIcon():New( :WO )
+            :cId   := "oicon"
+            :cIcon := "cancel"
+            :cSize := "large"
+            :Create()
+         END WITH
+         :Create()
+      END WITH
+      WITH OBJECT WBevel():New( :WO )
+         :aWidth[ xc_S ] := 5
+         WITH OBJECT WButton():New( :WO )
+            :cText         := "Desactivar Pulse"
+            :cOnClick      := "js:" + nfl_UpdateById( { { "oicon", .F., "pulse" },;
+                                                        { "oicon", "red-text", "removeclass" } } )
+            :cIcon         := "blur_off"
+            :lLarge        := .T.
+            :lCenter       := .T.
+            :nFix          := "90%"
+            :Create()
+         END WITH
+         :Create()
+      END WITH
+      :Create()
+   END WITH
+RETURN
+</Code>
 ===== Parámetros =====

Herramientas de usuario

Herramientas del sitio

Diferencias

Herramientas de la página