ExtJS4——window

調用ExtJS的Window組件,設置窗口名稱,窗口大小,窗口html內容,設置窗口是否可放大縮小,是否可關閉。

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title></title> <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /> <script type="text/javascript" src="ext-all-debug.js"></script> <script type="text/javascript" src="ext-all.js"></script> <script type="text/javascript" src="bootstrap.js"></script></head><body><script type="text/javascript">Ext.onReady(function () { var win = new Ext.Window({ //創建一個新的Window窗體對象 title: '窗口', //窗體的標題 width: 476, //窗口寬度 height: 374, //窗口高度 html: '<div>這裏是窗體內容</div>',//窗體內部html內容 resizable: true, //可以調整窗體大小 modal: true, //爲模態窗體 closable: true, //可以關閉窗口 maximizable: true, //可以最大化窗口 minimizable: true //可以最小化窗口 }); win.show(); //顯示窗口 });</script></body></html>


發佈了29 篇原創文章 · 獲贊 2 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章