onclick update

Author: hasanhg

div/div.go

@@ -1,7 +1,6 @@
 package div
 
 import (
-	"github.com/google/uuid"
 	"github.com/man.go/mango/style"
 	"github.com/man.go/mango/widget"
 )
@@ -24,7 +23,6 @@ func New(ctx *widget.WidgetContext, options ...Options) widget.Widget {
 		option(div)
 	}
 
-	div.SetID(uuid.New().String())
 	div.SetStyle(div.style.String())
 	div.SetOnClick(div.onClick)
 

div/options.go

@@ -12,6 +12,12 @@ func Children(children ...widget.Widget) Options {
 	}
 }
 
+func ID(id string) Options {
+	return func(div *Div) {
+		div.SetID(id)
+	}
+}
+
 func Style(styleOptions ...StyleOptions) Options {
 	return func(div *Div) {
 		for _, styleOption := range styleOptions {

main.go

@@ -1,15 +1,15 @@
 package main
 
 import (
-	"fmt"
-
 	"github.com/man.go/mango/div"
 	"github.com/man.go/mango/style"
 	"github.com/man.go/mango/widget"
 )
 
 func main() {
 	ctx := widget.Context()
+	div2 := buildDiv2(ctx)
+
 	ctx.AppendChild(
 		div.New(
 			ctx,
@@ -26,20 +26,24 @@ func main() {
 						div.Background(style.Background{Color: "blue"}),
 					),
 					div.OnClick(func(this widget.Widget) {
-						fmt.Println("clicked")
 					}),
 				),
-				div.New(
-					ctx,
-					div.Style(
-						div.Size(32, 32),
-						div.Border(style.Border{Width: 1, Style: "solid", Color: "red"}),
-						div.Background(style.Background{Color: "green"}),
-					),
-				),
+				div2,
 			),
 		),
 	)
 
 	select {}
 }
+
+func buildDiv2(ctx *widget.WidgetContext) widget.Widget {
+	return div.New(
+		ctx,
+		div.ID("test"),
+		div.Style(
+			div.Size(32, 32),
+			div.Border(style.Border{Width: 1, Style: "solid", Color: "red"}),
+			div.Background(style.Background{Color: "green"}),
+		),
+	)
+}

widget/widget.go

@@ -14,6 +14,26 @@ func (w Widget) Call(m string, args ...any) Widget {
 	return Widget(js.Value(w).Call(m, args...))
 }
 
+func (w Widget) ChildAt(index int) Widget {
+	return Widget(js.Value(w).Get("children").Index(index))
+}
+
+func (w Widget) Get(p string) js.Value {
+	return js.Value(w).Get(p)
+}
+
+func (w Widget) ID() string {
+	return w.Get("id").String()
+}
+
+func (w Widget) IsNull() bool {
+	return js.Value(w).IsNull()
+}
+
+func (w Widget) Parent() Widget {
+	return Widget(js.Value(w).Get("parentElement"))
+}
+
 func (w Widget) SetID(id string) {
 	w.Set("id", id)
 }

widget/widget_context.go

@@ -28,3 +28,12 @@ func (c *WidgetContext) AppendChild(child Widget) {
 func (c *WidgetContext) CreateElement(tag string) Widget {
 	return Widget(c.Doc.Call("createElement", tag))
 }
+
+func (c *WidgetContext) GetElementByID(id string) *Widget {
+	element := c.Doc.Call("getElementById", id)
+	if element.IsNull() {
+		return nil
+	}
+	w := Widget(element)
+	return &w
+}