ext+jQueryを試してみた
jQueryにはjqModalというフロートウインドウを実現する為のプラグインがあるのだがなんだかしっくりこないので(どっちかというとdivをダイアログ化するものなので組み立てが必要)、extを試してみることにした。
で、example を参考しながら書いてみたのだが、
HTML:
-
<script type="text/javascript" src="ext-1.0.1/adapter/jquery/jquery.js"></script>
-
<script type="text/javascript" src="ext-1.0.1/adapter/jquery/jquery-plugins.js"></script>
-
<script type="text/javascript" src="ext-1.0.1/adapter/jquery/ext-jquery-adapter.js"></script>
-
<script type="text/javascript" src="ext-1.0.1/ext-core.js"></script>
-
<script type="text/javascript" src="ext-1.0.1/package/dialog/dialogs.js"></script>
-
<script type="text/javascript" src="ext-1.0.1/source/dd/DDCore.js"></script>
-
<script type="text/javascript" src="ext-1.0.1/source/widgets/Shadow.js"></script>
-
<script type="text/javascript" src="ext-1.0.1/source/widgets/Button.js"></script>
-
<script type="text/javascript" src="ext-1.0.1/source/util/KeyMap.js"></script>
-
<link rel="stylesheet" type="text/css" href="ext-1.0.1/resources/css/ext-all.css" />
-
</head><body>
-
<script type="text/javascript">//<![CDATA[
-
-
Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?', null);
-
-
//]]></script>
-
</body></html>
ext-all.js が大きい(455KB)ので、ext-core.js を使ってみたのだが、「どのjsが必要か?」というのが明示されていない(というか見つけられなかった)為、バグが出る度確認するハメに。
ただ、Prototype Windowに比較すると、やっぱり機能面でどうにも見劣りがするなぁ。
jQueryは諦めてprototype.jsにするか、それともこうするか。
jQuery と prototype.js を同時に使う。($(); のコンフリクト回避)
TrackBack URL :
Comments (0)