1. 程式人生 > >EasyUI中class="easyui-window"的使用

EasyUI中class="easyui-window"的使用

這是一個window的控制元件

直接看EasyUI的API

視窗控制元件是一個浮動和可拖拽的面板可以用作應用程式視窗。

預設情況下,視窗可以移動,調整大小和關閉。

它的內容也可以被定義為靜態html或要麼通過ajax動態載入。

 看下API給的案例:

我們看到,在EasyUI 中凡是要使用視窗控制元件都需要加class="easyui-window"

不過我們一般這麼用,都是雜糅上述方法來做,一般來說,先

<div id="A" class="easyui-window" title="My Window" style="width:600px;height:400px"   data-options="iconCls:'icon-save',modal:true">

這裡不寫內容,因為如果加了內容後,內容就固定了,無法動態顯示了

</div >

然後在js中:

$("#A").window()可以把內容給加上去

還可以使用ajax對視窗進行一些動作