Exampels

List

SetContent URL without reloading Post request and authorization Upload on scroll CRUD form Timer events Event handling Clipboard Form

Demo

File sharing demo English grammar Todo demo

Links

Methods Core of Pusa Controller Main Contoller Test Auth trait

Set Content

Demonstration of setting content for an arbitrary element on the page. The onclick event for the button is set in the PHP controller by the Main method Examples.

1
2
3
4
5

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

/*
    Sets onclick for GUID button by className
*/
public function Init()
{
    return $this
    ->FocusBody()
    ->FocusChildren( 'SetContentBtn' )
    ->Event( 'Test', 'GUID' );
}

/*
   Sets new guid for GUID element
*/
public function GUID()
{
    return $this
    ->FocusBody()
    ->FocusChildren( 'GUID', self::ID )
    ->DOMValue( clGUID() );
}

URL without reloading

The example changes the URL of the current page without reloading it. The HTML code sets the onclick event via the HTML data-event attribute.

1
2
3
4

<button type="button" class="ChangeURL">
Change URL
</button>

1
2
3
4
5
6
7
8
9
10
11
12

public function URLParam()
{
    $URL=$this ->GetURL();
    return $this ->ChangeURL
    (
        $URL
        ->SetInteger( 'Int', $URL ->GetInteger( 'Int', 10 ) + 1 )
        ->SetBoolean( 'Bool', ! $URL ->GetBoolean( 'Bool', false ))
        ->ToString()
    );
}

Post request and authorization

The authorization example demonstrates how to work with POST requests through a form. Password containes the login plus one "*". It can be found in the PHP example .

Authorization form

Upload on scroll

Demonstration of loading a dynamic list. Scrolling to the bottom of the page loads the next GUID package.

PHP on Git .

362b164e-5b38-bdfe-c3ea-a335a2c21000

8e7b052e-1ae7-1170-7891-f4953548022c

55635b8c-96d2-12bc-97d0-deac122d28ef

e106c62c-85dd-dd41-f789-14d0e32baf01

7bec9743-f3ba-f704-22e0-594c308a9b31

64b29a28-12b8-852c-67d5-36406deb5600

ae0329f0-e5a4-d540-ad6a-771257a315af

aaa9b8ce-3d1e-f047-a778-af049626b21c

dfd5a55d-55e0-662f-dde8-e0827899a4b5

984a6d81-899c-fda9-4a91-aa4bbddcdc09

177f1b4e-537a-80cc-d33a-cd76209604ad

5d69f2c0-bcdc-7482-73ea-34333d341290

44598bd3-94a6-29d8-4508-2a7a4d4a8c8b

317195cc-c0c9-4d9a-9ec1-a7758870e910

ef812b96-136a-7dd5-8a7d-db475be18773

3c71584f-8160-ba15-770e-e865119820c0

b0cf04c6-ccaa-e22a-d2d6-8e5d9df218e4

6c0c1b10-c074-7341-f073-3bf7afe81c74

17b63bac-fb95-da5d-8203-4a9f4e6c80c3

ad861e51-5a3b-b1c4-e070-1198482684d5

79c21c50-e784-846d-2219-8764288494ab

84e72ce0-a77b-5bb1-6c1b-f409b7f86a07

5cf0ac7d-48c0-aab5-bf73-7763802c3a97

e622e960-2926-59e6-afb8-bfe5539acc1e

9f68a3b5-cdb0-5850-b282-da4cc5b03d32

cb7ad43f-a991-8cd7-5ca9-cee9901d5902

3e3d9692-c835-a8ce-bee0-41008d92d5a5

2cb4fce0-d370-7893-c057-a3a3975ecdf0

ba049b6e-d8c5-6b3e-fca7-f7b78f42ec23

36651247-8830-30c0-53c5-98e9a95dec02

525905d7-ae0d-ce14-d447-3530372983bd

ba8e1750-e93f-f49f-2951-cd249611ffd1

2f5d7a71-c529-9089-e755-523233bf5381

955b0779-da07-9c17-2453-ab449478b6cc

eb8c9805-47f8-af12-9212-65b55a892cd6

50d1ee37-2ca4-b650-4722-4b911fe50b4b

a79e9208-e350-b85d-b3d0-715826ce3ef6

ce480ee9-d082-8fbb-4f00-616b5ad85841

de078a00-cdc7-6586-1d28-b3ad9b18d80c

d7538d66-bae9-d5ce-4a34-12ea56b26dda

e15c834b-9bf7-cb12-80d6-ecd22210b5f6

54cb64a7-f0b7-f0e0-7143-da86c5ebb909

9005cb10-3ee1-27fb-8c9a-4ce545c28b6a

25b84f8d-d053-4fe5-5f1c-11dbc4c83129

ad66a600-3cc4-7617-eb0d-5edb146da6ed

186d37a1-46dd-ea28-f788-9cc7d60a7948

b82b5c0e-dddd-f32d-91d6-f5fcd33771ba

21150e7c-426d-edab-e2bb-b0b9475d4c67

32cff98e-4c32-177e-2c79-8eee4895a1c7

1e4873ad-34b5-a8db-5a20-564cbd9c4f6a

CRUD Form

The Form shows an example of CRUD operations without JS. This is visual demonstration only. PHP on Git . A full CRUD demo for PostgreSQL and MySQL is hosted on the TODO demo site .

Images used from https://pics.photos.

Timer events

You can start timer for any object. PHP on Git .

Event handling

Demonstrates three methods for handling DOM events. PHP on Git

Clipboard

The example copying text to the clipboard. Сopy event is used without calling back. PHP on Git.

Form

The form example. PHP on Git.

%5B%5B%22Debug%22%2C%7B%22Level%22%3A%22On%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Window%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22OpenPage%22%2C%22Event%22%3A%22popstate%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Menu%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Action%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22OpenItem%22%2C%22Commands%22%3A%5B%5B%22Arg%22%2C%7B%22Name%22%3A%22ASection%22%2C%22Method%22%3A%22getAttribute%22%2C%22Arguments%22%3A%5B%22data-action%22%5D%7D%5D%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Menu%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Lang%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Utils%22%2C%22Method%22%3A%22Lang%22%2C%22Commands%22%3A%5B%5B%22Arg%22%2C%7B%22Name%22%3A%22AIDLang%22%2C%22Method%22%3A%22getAttribute%22%2C%22Arguments%22%3A%5B%22data-lang%22%5D%7D%5D%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Frame%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22SetContentBtn%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Test%22%2C%22Method%22%3A%22GUID%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22HalfSecond%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Timer%22%2C%22Method%22%3A%22HalfSecond%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22OneSecond%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Timer%22%2C%22Method%22%3A%22HalfSecond%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22FiveSeconds%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Timer%22%2C%22Method%22%3A%22FiveSeconds%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22ChangeURL%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Test%22%2C%22Method%22%3A%22URLParam%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22AuthForm%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Login%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22Login%22%2C%22Commands%22%3A%5B%5B%22Focus%22%2C%7B%22Target%22%3A%22Parents%22%2C%22Filter%22%3A%5B%22in%22%2C%22AuthForm%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22%3D%22%2C%22login%22%2C%22%40name%22%5D%7D%5D%2C%5B%22Arg%22%2C%7B%22Name%22%3A%22ALogin%22%2C%22Property%22%3A%22value%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Parents%22%2C%22Filter%22%3A%5B%22in%22%2C%22AuthForm%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22%3D%22%2C%22password%22%2C%22%40name%22%5D%7D%5D%2C%5B%22Arg%22%2C%7B%22Name%22%3A%22APassword%22%2C%22Property%22%3A%22value%22%7D%5D%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22GUIDs%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22List%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Loop%22%2C%7B%22Commands%22%3A%5B%5B%22Create%22%2C%7B%22Position%22%3A%22Last%22%2C%22TagName%22%3A%22div%22%7D%5D%2C%5B%22Call%22%2C%7B%22Method%22%3A%22setAttribute%22%2C%22Arguments%22%3A%5B%22class%22%2C%22Record%22%5D%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%7B%22innerHTML%22%3A%22%25GUID%25%22%7D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Parent%22%2C%22Filter%22%3A%5B%5D%7D%5D%5D%2C%22Tasks%22%3A%5B%7B%22GUID%22%3A%22362b164e-5b38-bdfe-c3ea-a335a2c21000%22%7D%2C%7B%22GUID%22%3A%228e7b052e-1ae7-1170-7891-f4953548022c%22%7D%2C%7B%22GUID%22%3A%2255635b8c-96d2-12bc-97d0-deac122d28ef%22%7D%2C%7B%22GUID%22%3A%22e106c62c-85dd-dd41-f789-14d0e32baf01%22%7D%2C%7B%22GUID%22%3A%227bec9743-f3ba-f704-22e0-594c308a9b31%22%7D%2C%7B%22GUID%22%3A%2264b29a28-12b8-852c-67d5-36406deb5600%22%7D%2C%7B%22GUID%22%3A%22ae0329f0-e5a4-d540-ad6a-771257a315af%22%7D%2C%7B%22GUID%22%3A%22aaa9b8ce-3d1e-f047-a778-af049626b21c%22%7D%2C%7B%22GUID%22%3A%22dfd5a55d-55e0-662f-dde8-e0827899a4b5%22%7D%2C%7B%22GUID%22%3A%22984a6d81-899c-fda9-4a91-aa4bbddcdc09%22%7D%2C%7B%22GUID%22%3A%22177f1b4e-537a-80cc-d33a-cd76209604ad%22%7D%2C%7B%22GUID%22%3A%225d69f2c0-bcdc-7482-73ea-34333d341290%22%7D%2C%7B%22GUID%22%3A%2244598bd3-94a6-29d8-4508-2a7a4d4a8c8b%22%7D%2C%7B%22GUID%22%3A%22317195cc-c0c9-4d9a-9ec1-a7758870e910%22%7D%2C%7B%22GUID%22%3A%22ef812b96-136a-7dd5-8a7d-db475be18773%22%7D%2C%7B%22GUID%22%3A%223c71584f-8160-ba15-770e-e865119820c0%22%7D%2C%7B%22GUID%22%3A%22b0cf04c6-ccaa-e22a-d2d6-8e5d9df218e4%22%7D%2C%7B%22GUID%22%3A%226c0c1b10-c074-7341-f073-3bf7afe81c74%22%7D%2C%7B%22GUID%22%3A%2217b63bac-fb95-da5d-8203-4a9f4e6c80c3%22%7D%2C%7B%22GUID%22%3A%22ad861e51-5a3b-b1c4-e070-1198482684d5%22%7D%2C%7B%22GUID%22%3A%2279c21c50-e784-846d-2219-8764288494ab%22%7D%2C%7B%22GUID%22%3A%2284e72ce0-a77b-5bb1-6c1b-f409b7f86a07%22%7D%2C%7B%22GUID%22%3A%225cf0ac7d-48c0-aab5-bf73-7763802c3a97%22%7D%2C%7B%22GUID%22%3A%22e622e960-2926-59e6-afb8-bfe5539acc1e%22%7D%2C%7B%22GUID%22%3A%229f68a3b5-cdb0-5850-b282-da4cc5b03d32%22%7D%2C%7B%22GUID%22%3A%22cb7ad43f-a991-8cd7-5ca9-cee9901d5902%22%7D%2C%7B%22GUID%22%3A%223e3d9692-c835-a8ce-bee0-41008d92d5a5%22%7D%2C%7B%22GUID%22%3A%222cb4fce0-d370-7893-c057-a3a3975ecdf0%22%7D%2C%7B%22GUID%22%3A%22ba049b6e-d8c5-6b3e-fca7-f7b78f42ec23%22%7D%2C%7B%22GUID%22%3A%2236651247-8830-30c0-53c5-98e9a95dec02%22%7D%2C%7B%22GUID%22%3A%22525905d7-ae0d-ce14-d447-3530372983bd%22%7D%2C%7B%22GUID%22%3A%22ba8e1750-e93f-f49f-2951-cd249611ffd1%22%7D%2C%7B%22GUID%22%3A%222f5d7a71-c529-9089-e755-523233bf5381%22%7D%2C%7B%22GUID%22%3A%22955b0779-da07-9c17-2453-ab449478b6cc%22%7D%2C%7B%22GUID%22%3A%22eb8c9805-47f8-af12-9212-65b55a892cd6%22%7D%2C%7B%22GUID%22%3A%2250d1ee37-2ca4-b650-4722-4b911fe50b4b%22%7D%2C%7B%22GUID%22%3A%22a79e9208-e350-b85d-b3d0-715826ce3ef6%22%7D%2C%7B%22GUID%22%3A%22ce480ee9-d082-8fbb-4f00-616b5ad85841%22%7D%2C%7B%22GUID%22%3A%22de078a00-cdc7-6586-1d28-b3ad9b18d80c%22%7D%2C%7B%22GUID%22%3A%22d7538d66-bae9-d5ce-4a34-12ea56b26dda%22%7D%2C%7B%22GUID%22%3A%22e15c834b-9bf7-cb12-80d6-ecd22210b5f6%22%7D%2C%7B%22GUID%22%3A%2254cb64a7-f0b7-f0e0-7143-da86c5ebb909%22%7D%2C%7B%22GUID%22%3A%229005cb10-3ee1-27fb-8c9a-4ce545c28b6a%22%7D%2C%7B%22GUID%22%3A%2225b84f8d-d053-4fe5-5f1c-11dbc4c83129%22%7D%2C%7B%22GUID%22%3A%22ad66a600-3cc4-7617-eb0d-5edb146da6ed%22%7D%2C%7B%22GUID%22%3A%22186d37a1-46dd-ea28-f788-9cc7d60a7948%22%7D%2C%7B%22GUID%22%3A%22b82b5c0e-dddd-f32d-91d6-f5fcd33771ba%22%7D%2C%7B%22GUID%22%3A%2221150e7c-426d-edab-e2bb-b0b9475d4c67%22%7D%2C%7B%22GUID%22%3A%2232cff98e-4c32-177e-2c79-8eee4895a1c7%22%7D%2C%7B%22GUID%22%3A%221e4873ad-34b5-a8db-5a20-564cbd9c4f6a%22%7D%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22GUIDs%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22List%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22LoadGUIDs%22%2C%22Commands%22%3A%5B%5B%22Arg%22%2C%7B%22Name%22%3A%22AScrollTop%22%2C%22Property%22%3A%22scrollTop%22%7D%5D%2C%5B%22Arg%22%2C%7B%22Name%22%3A%22AScrollHeight%22%2C%22Property%22%3A%22scrollHeight%22%7D%5D%2C%5B%22Arg%22%2C%7B%22Name%22%3A%22AClientHeight%22%2C%22Property%22%3A%22clientHeight%22%7D%5D%5D%2C%22Event%22%3A%22scroll%22%2C%22Timeout%22%3A500%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22CRUDAddFirst%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22AddFirst%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22CRUDAddLast%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22AddLast%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22CRUDScrollTop%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22ScrollTop%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22CRUDScrollBottom%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22ScrollBottom%22%2C%22Commands%22%3A%5B%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22CRUDContainer%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22List%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Arg%22%2C%7B%22Name%22%3A%22AHeight%22%2C%22Property%22%3A%22scrollHeight%22%7D%5D%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22CRUDClear%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22CRUDClear%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22FormSend%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22FormSend%22%2C%22Commands%22%3A%5B%5B%22Focus%22%2C%7B%22Target%22%3A%22Parents%22%2C%22Filter%22%3A%5B%22in%22%2C%22DemoForm%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Arg%22%2C%7B%22Fields%22%3Atrue%2C%22Class%22%3A%22Main%22%2C%22Method%22%3A%22FilesUpload%22%2C%22Command%22%3A%5B%5D%7D%5D%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22BtnCopyValue%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Event%22%3A%22click%22%2C%22Catch%22%3Afalse%2C%22Commands%22%3A%5B%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22SourceTextarea%22%2C%22%40className%22%5D%7D%5D%2C%5B%22PileFrom%22%2C%7B%22Name%22%3A%22default%22%2C%22Property%22%3A%22value%22%2C%22Operator%22%3A%22Set%22%7D%5D%2C%5B%22FocusPush%22%2C%5B%5D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Window%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Property%22%3A%22navigator%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Property%22%3A%22clipboard%22%7D%5D%2C%5B%22PileTo%22%2C%7B%22Name%22%3A%22default%22%2C%22Method%22%3A%22writeText%22%7D%5D%2C%5B%22FocusPop%22%2C%7B%22Skip%22%3Afalse%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22DestTextarea%22%2C%22%40className%22%5D%7D%5D%2C%5B%22FocusPush%22%2C%5B%5D%5D%2C%5B%22Focus%22%2C%7B%22Property%22%3A%22style%22%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%7B%22display%22%3Anull%7D%7D%5D%2C%5B%22FocusPop%22%2C%7B%22Skip%22%3Afalse%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%7B%22value%22%3Anull%7D%7D%5D%5D%2C%22Filter%22%3Anull%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Events%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Parent%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22BackendEvent%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Main%22%2C%22Method%22%3A%22BackendEvent%22%2C%22Commands%22%3A%5B%5B%22Arg%22%2C%7B%22Name%22%3A%22AX%22%2C%22Event%22%3A%22clientX%22%7D%5D%2C%5B%22Arg%22%2C%7B%22Name%22%3A%22AY%22%2C%22Event%22%3A%22clientY%22%7D%5D%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Parent%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22FrontendEvent%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Event%22%3A%22click%22%2C%22Catch%22%3Afalse%2C%22Commands%22%3A%5B%5B%22Arg%22%2C%7B%22Name%22%3A%22AX%22%2C%22Event%22%3A%22clientX%22%7D%5D%2C%5B%22Arg%22%2C%7B%22Name%22%3A%22AY%22%2C%22Event%22%3A%22clientY%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Create%22%2C%7B%22Position%22%3A%22Last%22%2C%22TagName%22%3A%22div%22%7D%5D%2C%5B%22Call%22%2C%7B%22Method%22%3A%22setAttribute%22%2C%22Arguments%22%3A%5B%22class%22%2C%22WindowBack%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Class%22%3A%22Win%22%2C%22Method%22%3A%22Delete%22%7D%5D%2C%5B%22Create%22%2C%7B%22Position%22%3A%22Last%22%2C%22TagName%22%3A%22div%22%7D%5D%2C%5B%22Call%22%2C%7B%22Method%22%3A%22setAttribute%22%2C%22Arguments%22%3A%5B%22class%22%2C%22WindowSimple%22%5D%7D%5D%2C%5B%22Call%22%2C%7B%22Method%22%3A%22setAttribute%22%2C%22Arguments%22%3A%5B%22id%22%2C%2292e2c2fb-cf6a-ac26-3b96-7f9c12c714f3%22%5D%7D%5D%2C%5B%22FocusPush%22%2C%5B%5D%5D%2C%5B%22Focus%22%2C%7B%22Property%22%3A%22classList%22%7D%5D%2C%5B%22Call%22%2C%7B%22Method%22%3A%22add%22%2C%22Arguments%22%3A%5B%22MenuPopup%22%5D%7D%5D%2C%5B%22FocusPop%22%2C%7B%22Skip%22%3Afalse%7D%5D%2C%5B%22FocusPush%22%2C%5B%5D%5D%2C%5B%22Focus%22%2C%7B%22Property%22%3A%22style%22%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%7B%22position%22%3A%22fixed%22%2C%22left%22%3A%220px%22%2C%22top%22%3A%220px%22%2C%22bottom%22%3A%22auto%22%2C%22right%22%3A%22auto%22%7D%7D%5D%2C%5B%22FocusPop%22%2C%7B%22Skip%22%3Afalse%7D%5D%2C%5B%22Event%22%2C%7B%22Event%22%3A%22click%22%2C%22Catch%22%3Atrue%7D%5D%2C%5B%22Set%22%2C%7B%22Values%22%3A%7B%22innerHTML%22%3A%22This%20content%20is%20rendered%20without%20a%20request%20to%20the%20backend%20and%20does%20not%20use%20JS.%5Cn%22%7D%7D%5D%5D%2C%22Filter%22%3Anull%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Parent%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22JSEvent%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Event%22%2C%7B%22Event%22%3A%22click%22%2C%22Target%22%3A%22DOM%22%2C%22Catch%22%3Afalse%2C%22JS%22%3A%22alert(%20%27This%20text%20is%20rendered%20via%20JS%20without%20calling%20the%20server%20side.%20We%20recommend%20using%20the%20method%20only%20after%20exhausting%20other%20Pusa%20capabilities.%27%20)%3B%5Cn%22%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Body%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Menu%22%2C%22%40className%22%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Item%22%2C%22%40className%22%5D%7D%5D%2C%5B%22FocusPush%22%2C%5B%5D%5D%2C%5B%22Focus%22%2C%7B%22Property%22%3A%22classList%22%7D%5D%2C%5B%22Call%22%2C%7B%22Method%22%3A%22remove%22%2C%22Arguments%22%3A%5B%22Active%22%5D%7D%5D%2C%5B%22FocusPop%22%2C%7B%22Skip%22%3Afalse%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Parent%22%2C%22Filter%22%3A%5B%5D%7D%5D%2C%5B%22Focus%22%2C%7B%22Target%22%3A%22Children%22%2C%22Filter%22%3A%5B%22in%22%2C%22Examples%22%2C%22%40className%22%5D%7D%5D%2C%5B%22FocusPush%22%2C%5B%5D%5D%2C%5B%22Focus%22%2C%7B%22Property%22%3A%22classList%22%7D%5D%2C%5B%22Call%22%2C%7B%22Method%22%3A%22add%22%2C%22Arguments%22%3A%5B%22Active%22%5D%7D%5D%2C%5B%22FocusPop%22%2C%7B%22Skip%22%3Afalse%7D%5D%2C%5B%22SetState%22%2C%7B%22Class%22%3A%22Main%22%2C%22ID%22%3A%22Main%22%2C%22Values%22%3A%5B%5D%7D%5D%5D

d0705645-65f2-ca4d-4511-e530e067269d bf8ae37c-1225-ccdc-790a-4a2b1b20f2bd ad4bb8f0-f2ed-92f8-78f7-b21c36294461 28ffd22a-5b39-e766-f884-bb57ad023e11 b3a2dde7-b2bd-fb20-2053-fe8166c1aa35 55b1faf3-4eb1-2c30-b37c-5b36d1a86adb d282cc38-6d51-f767-ac80-e3ccd5fe69e2 ab2913c4-5f60-b9e2-c3b1-eedd60b76ead ed4dd155-8a18-2882-6650-3a141a992f68 e280c4aa-391f-e885-646f-641cd65e4ddb d499f393-797d-77da-386e-5697ece36ab6 b9bb1026-77a0-c6bd-6af0-675a22a16872 cb990c00-d91a-106c-a46e-3a9da9c13065 50d73b43-8e4d-2389-80f3-6d9a2df677b2 a8b575c9-a3b6-630a-eba3-8bf4618ed517 b1c17c89-9700-8029-ab5d-7125447c752d b73a91e0-e2d5-220c-a476-cf6b2532b3aa 3105f783-e57c-e323-708a-784632fca72e 59f778d9-b61b-6fc5-fc60-ffb02ecf2700 36f41730-e1a2-2506-ef10-539612e76e02 bcf771e2-1c45-b96b-faaf-396d35453af2 36cba75c-4672-a11e-af50-bc2d47ae7003 68ee892f-e733-f54d-88d5-f373cd863c3a eb426dc0-ae02-d147-6e76-cd847115f925 37b1cf5e-43f0-3a57-e10c-26577db6bb10 63ed3e65-5a2d-ba87-c94d-3a30723a5ed6 9369a151-b712-90d6-3c13-ffcd727e5a2e c2bce730-b506-3278-6ebc-46f1a813fece a63ad113-68dc-94d9-3ff3-478047818c24 318a1b5b-8790-4466-d9f6-15a7128e527d 3bba22fd-bd6e-e38a-9633-12726285ea47 e024594c-19ab-4837-442d-315e15332b9b 807c32d1-e698-a633-d6ba-83fae20c63ce 399a8f42-8c50-1e54-2cdf-df2cd13258bd eb0d59e8-927d-315a-86c2-b30711c35371 94807000-b66b-b4c9-8369-a2475e56949a e1a74c89-2390-e975-a974-28127c3c148b 88b3937a-1a13-b540-6ad6-1abf2d3afdd5 220ef312-8649-ceb4-135c-bf157be2bb10 6d595c43-cfa9-ea47-9bbb-4bf02cc294f2 a02b4618-63f8-dea8-e8a4-6845cbd2a2fc 771bc830-7b84-6b49-747a-44b4a5161adf 79016c6f-f74e-494b-be99-c7f782439f94 401303d0-b367-c604-96c0-1b8769409016 18ba7828-9817-c318-dad7-487dac9c74b9 1eac43a7-9730-bbfe-2779-a960e2b1258b 2180d41b-51c4-1ef5-e8af-41f0edda66c0 60ce0dae-8cdb-bd90-1450-18db19fc67ed 235e91be-8c34-e3ad-e84a-1e34918d2f95 15623b7a-d5b0-8fc0-cbdf-58b7390663dc