- jQuery EasyUI從零開始學
- 施堯
- 191字
- 2019-12-06 14:09:04
3.4 縮放（Resizable）
縮放組件可以使用戶動態地調整元素的大小，縮放的使用非常簡單，下面將簡要介紹。
縮放的默認配置定義在$.fn.resizable.defaults中。
1. 創建縮放
使用標記創建縮放的方法如下：
01 <div class=”easyui-resizable” style=”width:100px;height:100px;border:1px solid #ccc;” 02 data-options=”maxWidth:800,maxHeight:600”> 03 </div>
通過JavaScript創建縮放的方法如下：
01 <div id=”rr” style=”width:100px;height:100px;border:1px solid #ccc;”></div>
02 $(‘#rr’).resizable({
03 maxWidth:800,
04 maxHeight:600
05 });
2. 縮放屬性
縮放組件常用屬性說明見表3.8。
表3.8 縮放常用屬性說明
3. 縮放事件
縮放組件常用事件說明見表3.9。
表3.9 縮放常用事件說明
4. 縮放方法
縮放組件常用方法說明見表3.10。
表3.10 縮放常用方法說明
推薦閱讀
- Unreal Engine Physics Essentials
- JavaScript語言精髓與編程實踐（第3版）
- 網頁設計與制作教程（HTML+CSS+JavaScript）（第2版）
- Learning Python Design Patterns（Second Edition）
- iOS開發實戰：從入門到上架App Store（第2版） （移動開發叢書）
- Python3.5從零開始學
- Practical Microservices
- ASP.NET 4.0 Web程序設計
- 零基礎學C++（升級版）
- Clojure Polymorphism
- C# 7 and .NET Core 2.0 Blueprints
- Learning NHibernate 4
- C++從零開始學（視頻教學版）（第2版）
- MonoTouch應用開發實踐指南：使用C#和.NET開發iOS應用
- Swift編程實戰：iOS應用開發實例及完整解決方案