㈠ extjs4.2的Ext.form.Panel彈出框如何去掉右上角的關閉按鈕x
Window的話抄,可以使用 closable:false來去掉襲,formpanel沒有試過。你可試試,不行的話,你就把panel放在window里,如下代碼:
Ext.create('Ext.window.Window', {
title: 'Hello',
height: 200,
width: 400,
layout: 'fit',
closable:false,
items: { // Let's put an empty grid in just to illustrate fit layout
xtype: 'grid',
border: false,
// One header just for show. There's no data
columns: [{ header: 'World' }],
store: Ext.create('Ext.data.ArrayStore', {}) // A mmy empty data store
}
}).show();
㈡ 用extjs做一個例子,顯示效果為有一個按鈕,點擊彈出一個表單,並且在表單關閉之前原來頁面不可操作
點擊按鈕觸發事件:
functionadser(){
varpanel=null;
varwin=null;
if(!panel){
panel=newExt.FormPanel({
items:[
{fieldLabel:aaa,
name:aaa,
xtype:'textfield',
allowBlank:false
},{fieldLabel:bbb,
name:bbb,
xtype:'textfield',
allowBlank:false
},{fieldLabel:ccc,
name:ccc,
xtype:'textfield',
allowBlank:false
}
]
})
}
if(!win){
win=newExt.Window({
width:270,
height:290,
modal:true,//窗口設為模態,表單關閉之前原來頁面不可版操作
items:panel
})
}
win.show();
}
寫的手都權酸了,望採納。
㈢ extjs 定義window時右上角有一個關閉按鈕,點擊時是隱藏操作,如何讓它關閉操作
以下是關閉操作的代碼:
//新增會計期間
function openAddDialog(){
//使彈出窗體顯示在最前面
Ext.useShims=true;
var win=new Ext.Window(
{title:"新增",
width:320,
height:250,
html:addDialogStr,
modal:true,
buttons:[{
text:"確認",handler:function(){
alert("確認");
//關閉打開的窗體
win.close();
}, {
text:"取消",handler:function(){
win.close();
}
}]
});
win.show();
}
//點擊右上角的關閉按鈕後
win.on("close",function(){
alert("關閉窗體");
});
}
㈣ Extjs5.0裡面所有的添加的glyph圖標都變成一個方框了
最新版本是Extjs5.0.1,我們可以在官方網站進行下載。(這里不得不提一句,Extjs5到目前為版止還沒有免費的授權,權所以下載到的版本是試用版。)
下載到的壓縮包解壓以後,你會看到一大堆的文件夾和文件,我們該如何使用Extjs5呢?
之前看到過別人說的通過Sencha CMD創建Extjs5項目,但個人覺得那種方式並不適合我們目前的開發模式。我說做ASP.NET的,需要在ASP.NET MVC或WebForm中使用Extjs,所以絕對不上簡單的通過Sencha CMD 生成Extjs5項目那麼簡單。
㈤ extjs 如何關閉當前整個網頁
Extjs中關閉整個頁面需要用parent對象窗口打開的window對象。
例如:
有a,b兩個頁面,a頁面為主頁面,有按鈕一個,點擊按鈕彈出一個windows對象,在其中顯示b頁面。b頁面中也有一個按鈕,點擊關閉窗口。
a.htm (部分代碼)
<script type="text/javascript">
function openWindow(id,title,url,width,height){
var win = Ext.get(id)
if (win) {
win.close();
return;
}
win = new Ext.Window({
id:id,
title:title,
layout:'fit',
width:width,
height:height,
closeAction:'close',
collapsible:true,
plain: false,
resizable: true,
html : ''
});
win.show();
}
function myfunction(){
openWindow('b-win','窗口中打開b頁面','b.htm',400,300);
}
</script>
<input type="button" name="button1" value="打開窗口" onClick="myfunction()">
b.htm(部分代碼)
<script type="text/javascript">
function closewin(){
var win = parent.Ext.getCmp('b-win');
if (win) {win.close();}
}
</script>
<input type="button" name="button1" value="關閉a打開的窗口" onClick="closewin()">