ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery EasyUI チュートリアル - サイズ変更可能 (サイズ変更)

jQuery EasyUI チュートリアル - サイズ変更可能 (サイズ変更)

黄舟
リリース: 2016-12-27 16:30:42
オリジナル
1713 人が閲覧しました

jQuery-Resizable (サイズ変更) コンポーネントは、EasyUI の基本コンポーネントの 1 つであり、このコンポーネントは他のコンポーネントに依存せず、比較的簡単に使用できることを意味します。この記事を以下に紹介します。

$.fn.resizable.defaults を使用してデフォルト値オブジェクトをオーバーライドします。

使用例:

ラベルと Javascript の 2 つの方法でウィンドウのサイズを調整します。

1. ラベルを使用して可変サイズのウィンドウを作成します。

<div id=”rr” class=”easyui-resizable” data-options=”maxWidth:800,maxHeight:600″ 
style=”width:100px;height:100px;border:1px solid #ccc;”></div>
ログイン後にコピー

2. Javascript を使用して可変サイズのウィンドウを作成します。

<div id=”rr” style=”width:100px;height:100px;border:1px solid #ccc;”></div>
ログイン後にコピー
rrree

Attribute:

jQuery EasyUI チュートリアル - サイズ変更可能 (サイズ変更)

Event:

jQuery EasyUI チュートリアル - サイズ変更可能 (サイズ変更)

Method:

jQuery EasyUI チュートリアル - サイズ変更可能 (サイズ変更)

上記は、jQuery EasyUI Tutorial-Resizable (Resize) の内容です。その他の関連コンテンツについては、PHP に注意してください。中国語のウェブサイト (m.sbmmt.com)!


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート