http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FSmartClient%2FPageJavaScript DHTML/SmartClient/Page - История изменений2026-04-04T08:19:01ZИстория изменений этой страницы в викиMediaWiki 1.30.0http://wbex.ru/index.php?title=JavaScript_DHTML/SmartClient/Page&diff=3746&oldid=prev в 10:00, 26 мая 20102010-05-26T10:00:24Z<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:00, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>http://wbex.ru/index.php?title=JavaScript_DHTML/SmartClient/Page&diff=3747&oldid=prevAdmin: 1 версия2010-05-26T07:27:39Z<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Add click event handler to page level==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!--<br />
Isomorphic SmartClient<br />
Copyright(c) 1998 and beyond Isomorphic Software, Inc.<br />
"SmartClient" is a trademark of Isomorphic Software, Inc.<br />
All rights reserved.<br />
Open Source License<br />
SmartClient source code, located under the source/ directory, and the resulting assembled modules <br />
in isomorphic/system/modules/, as well as JavaScript and CSS files under the isomorphic/skins directory are <br />
licensed under the terms of the GNU Lesser General Public License, version 3. <br />
The text of the LGPLv3 license is available online at http://www.gnu.org/licenses/lgpl-3.0.html<br />
If your project precludes the use of this license, or if you"d like to support SmartClient LGPL, <br />
we encourage you to buy a commercial license.<br />
Icon Experience Collection<br />
Selected 16x16 icons within the isomorphic/skins directory are part of the Icon Experience collection <br />
(http://www.iconexperience.ru) and may be freely used with any SmartClient components without charge, <br />
but may not be used as part of screen designs separate from SmartClient components without a purchase <br />
of a license from Icon Experience. We are working to replace these icons as soon as possible.<br />
All other media found under the isomorphic/skins directory may be used under the LGPLv3.<br />
Commercial Licenses<br />
A number of commercial licenses are available for purchase. Please see http://smartclient.ru/license.<br />
Warranty Disclaimer<br />
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even <br />
the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General <br />
Public License for more details.<br />
Copyright 2001 and beyond Isomorphic Software, Inc. Last revised July 20, 2008. <br />
<br />
--><br />
<!-- The following code is revised from SmartClient demo code(SmartClient_70rc2_LGPL.zip).--><br />
<br />
<HTML><HEAD><br />
<SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT><br />
</HEAD><BODY><br />
<SCRIPT><br />
Page.setEvent("click","return confirm("Page received click event. Continue?");");<br />
<br />
</SCRIPT><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Bind arrow key event to a page==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!--<br />
Isomorphic SmartClient<br />
Copyright(c) 1998 and beyond Isomorphic Software, Inc.<br />
"SmartClient" is a trademark of Isomorphic Software, Inc.<br />
All rights reserved.<br />
Open Source License<br />
SmartClient source code, located under the source/ directory, and the resulting assembled modules <br />
in isomorphic/system/modules/, as well as JavaScript and CSS files under the isomorphic/skins directory are <br />
licensed under the terms of the GNU Lesser General Public License, version 3. <br />
The text of the LGPLv3 license is available online at http://www.gnu.org/licenses/lgpl-3.0.html<br />
If your project precludes the use of this license, or if you"d like to support SmartClient LGPL, <br />
we encourage you to buy a commercial license.<br />
Icon Experience Collection<br />
Selected 16x16 icons within the isomorphic/skins directory are part of the Icon Experience collection <br />
(http://www.iconexperience.ru) and may be freely used with any SmartClient components without charge, <br />
but may not be used as part of screen designs separate from SmartClient components without a purchase <br />
of a license from Icon Experience. We are working to replace these icons as soon as possible.<br />
All other media found under the isomorphic/skins directory may be used under the LGPLv3.<br />
Commercial Licenses<br />
A number of commercial licenses are available for purchase. Please see http://smartclient.ru/license.<br />
Warranty Disclaimer<br />
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even <br />
the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General <br />
Public License for more details.<br />
Copyright 2001 and beyond Isomorphic Software, Inc. Last revised July 20, 2008. <br />
<br />
--><br />
<!-- The following code is revised from SmartClient demo code(SmartClient_70rc2_LGPL.zip).--><br />
<br />
<HTML><HEAD><br />
<SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT><br />
</HEAD><BODY><br />
<SCRIPT><br />
Canvas.create({<br />
ID:"widget",<br />
left:200,<br />
top:200,<br />
width:100,<br />
height:100,<br />
backgroundColor:"red"<br />
});<br />
<br />
Page.registerKey("I", "target.moveBy(0,-20)", widget);<br />
Page.registerKey("J", "target.moveBy(-20,0)", widget);<br />
Page.registerKey("K", "target.moveBy(0,20)", widget);<br />
Page.registerKey("L", "target.moveBy(20,0)", widget);<br />
Page.registerKey("Arrow_Up", "target.moveBy(0, -20)", widget);<br />
Page.registerKey("Arrow_Left", "target.moveBy(-20,0)", widget);<br />
Page.registerKey("Arrow_Down", "target.moveBy(0,20)", widget);<br />
Page.registerKey("Arrow_Right", "target.moveBy(20,0)", widget);<br />
</SCRIPT><br />
Press arrow keys and I, J, K and L<br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Register key event to Page level==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!--<br />
Isomorphic SmartClient<br />
Copyright(c) 1998 and beyond Isomorphic Software, Inc.<br />
"SmartClient" is a trademark of Isomorphic Software, Inc.<br />
All rights reserved.<br />
Open Source License<br />
SmartClient source code, located under the source/ directory, and the resulting assembled modules <br />
in isomorphic/system/modules/, as well as JavaScript and CSS files under the isomorphic/skins directory are <br />
licensed under the terms of the GNU Lesser General Public License, version 3. <br />
The text of the LGPLv3 license is available online at http://www.gnu.org/licenses/lgpl-3.0.html<br />
If your project precludes the use of this license, or if you"d like to support SmartClient LGPL, <br />
we encourage you to buy a commercial license.<br />
Icon Experience Collection<br />
Selected 16x16 icons within the isomorphic/skins directory are part of the Icon Experience collection <br />
(http://www.iconexperience.ru) and may be freely used with any SmartClient components without charge, <br />
but may not be used as part of screen designs separate from SmartClient components without a purchase <br />
of a license from Icon Experience. We are working to replace these icons as soon as possible.<br />
All other media found under the isomorphic/skins directory may be used under the LGPLv3.<br />
Commercial Licenses<br />
A number of commercial licenses are available for purchase. Please see http://smartclient.ru/license.<br />
Warranty Disclaimer<br />
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even <br />
the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General <br />
Public License for more details.<br />
Copyright 2001 and beyond Isomorphic Software, Inc. Last revised July 20, 2008. <br />
<br />
--><br />
<!-- The following code is revised from SmartClient demo code(SmartClient_70rc2_LGPL.zip).--><br />
<br />
<HTML><HEAD><br />
<SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT><br />
<SCRIPT SRC=isomorphic/skins/SmartClient/load_skin.js></SCRIPT><br />
</HEAD><BODY><br />
<SCRIPT><br />
Canvas.create({<br />
ID:"widget",<br />
left:200,<br />
top:200,<br />
width:100,<br />
height:100,<br />
backgroundColor:"red"<br />
});<br />
<br />
Page.registerKey("I", "target.moveBy(0,-20)", widget);<br />
Page.registerKey("J", "target.moveBy(-20,0)", widget);<br />
Page.registerKey("K", "target.moveBy(0,20)", widget);<br />
Page.registerKey("L", "target.moveBy(20,0)", widget);<br />
Page.registerKey("Arrow_Up", "target.moveBy(0, -20)", widget);<br />
Page.registerKey("Arrow_Left", "target.moveBy(-20,0)", widget);<br />
Page.registerKey("Arrow_Down", "target.moveBy(0,20)", widget);<br />
Page.registerKey("Arrow_Right", "target.moveBy(20,0)", widget);<br />
</SCRIPT><br />
Press arrow keys and I, J, K and L<br />
</BODY><br />
</HTML><br />
<br />
</source></div>Admin