1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
|
<?php
/**
* TJuiResizable class file.
*
* @author Fabio Bas <ctrlaltca[at]gmail[dot]com>
* @link https://github.com/pradosoft/prado
* @copyright Copyright © 2013-2015 PradoSoft
* @license https://github.com/pradosoft/prado/blob/master/COPYRIGHT
* @package System.Web.UI.JuiControls
*/
Prado::using('System.Web.UI.JuiControls.TJuiControlAdapter');
Prado::using('System.Web.UI.ActiveControls.TActivePanel');
/**
* TJuiResizable class.
*
* TJuiResizable is an extension to {@link TActivePanel} based on jQuery-UI's
* {@link http://jqueryui.com/resizable/ Resizable} interaction.
* A small handle is shown on the bottom right corner of the panel, that permits
* the panel to be resized using the mouse.
*
* <code>
* <com:TJuiResizable
* ID="resize1"
* Style="border: 1px solid green; width:100px;height:100px;background-color: #00dd00"
* Options.maxHeight="250"
* Options.maxWidth="350"
* Options.minHeight="150"
* Options.minWidth="200"
* >
* resize me
* </com:TJuiResizable>
* </code>
*
* @author Fabio Bas <ctrlaltca[at]gmail[dot]com>
* @package System.Web.UI.JuiControls
* @since 3.3
*/
class TJuiResizable extends TActivePanel implements IJuiOptions, ICallbackEventHandler
{
protected $_options;
/**
* Creates a new callback control, sets the adapter to
* TActiveControlAdapter. If you override this class, be sure to set the
* adapter appropriately by, for example, by calling this constructor.
*/
public function __construct()
{
parent::__construct();
$this->setAdapter(new TJuiControlAdapter($this));
}
/**
* @return string the name of the jQueryUI widget method
*/
public function getWidget()
{
return 'resizable';
}
/**
* @return string the clientid of the jQueryUI widget element
*/
public function getWidgetID()
{
return $this->getClientID();
}
/**
* Object containing defined javascript options
* @return TJuiControlOptions
*/
public function getOptions()
{
if (($options=$this->getViewState('JuiOptions'))===null)
{
$options=new TJuiControlOptions($this);
$this->setViewState('JuiOptions', $options);
}
return $options;
}
/**
* Array containing valid javascript options
* @return array()
*/
public function getValidOptions()
{
return array('alsoResize', 'animate', 'animateDuration', 'animateEasing', 'aspectRatio', 'autoHide', 'cancel', 'containment', 'delay', 'disabled', 'distance', 'ghost', 'grid', 'handles', 'helper', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth');
}
/**
* Array containing valid javascript events
* @return array()
*/
public function getValidEvents()
{
return array('create', 'resize', 'start', 'stop');
}
/**
* @return array list of callback options.
*/
protected function getPostBackOptions()
{
$options = $this->getOptions()->toArray();
return $options;
}
/**
* Ensure that the ID attribute is rendered and registers the javascript code
* for initializing the active control.
*/
protected function addAttributesToRender($writer)
{
parent::addAttributesToRender($writer);
$writer->addAttribute('id',$this->getClientID());
$options=TJavascript::encode($this->getPostBackOptions());
$cs=$this->getPage()->getClientScript();
$code="jQuery('#".$this->getWidgetID()."').".$this->getWidget()."(".$options.");";
$cs->registerEndScript(sprintf('%08X', crc32($code)), $code);
}
/**
* Raises callback event. This method is required by the {@link ICallbackEventHandler}
* interface.
* @param TCallbackEventParameter the parameter associated with the callback event
*/
public function raiseCallbackEvent($param)
{
$this->getOptions()->raiseCallbackEvent($param);
}
/**
* Raises the OnCreate event
* @param object $params event parameters
*/
public function onCreate ($params)
{
$this->raiseEvent('OnCreate', $this, $params);
}
/**
* Raises the OnResize event
* @param object $params event parameters
*/
public function onResize ($params)
{
$this->raiseEvent('OnResize', $this, $params);
}
/**
* Raises the OnStart event
* @param object $params event parameters
*/
public function onStart ($params)
{
$this->raiseEvent('OnStart', $this, $params);
}
/**
* Raises the OnStop event
* @param object $params event parameters
*/
public function onStop ($params)
{
$this->raiseEvent('OnStop', $this, $params);
}
}
|
