ExtJS樣例總結 1

2021-09-22 04:44:02 字數 2878 閱讀 1369

1、組合框

new ext.onready(function(), ] 

},,] 

}] },], 

buttons: [,] 

}); 

top.render(document.body); 

}) ; 

2、頁面布局:layout,參考:

absolute

顧名思義,在容器內部,根據指定的座標定位顯示 

這個是最容易記的,手風琴效果 

這個效果具體還不知道有什麼用,就是知道注意一下 

1.容器內的元件要麼指定寬度,要麼在anchor中同時指定高/寬, 

2.anchor值通常只能為負值(指非百分比值),正值沒有意義, 

3.anchor必須為字串值 

將容器分為五個區域:east,south,west,north,center 

像安裝嚮導一樣,一張一張顯示 

把整個容器看成一列一列的,然後向容器放入子元素時;

乙個子元素將充滿整個容器(如果多個子元素則只有乙個元素充滿整個容器)

是一種專門用於管理表單中輸入欄位的布局 

按照普通**的方法布局子元素,用layoutconfig:,//將父容器分成3列 

3、翻頁效果

ext.onready(function()      

}        

if (direction == 1)      

}  var btnnext = ext.get("move-next");     

var btnback = ext.get("move-next");     

if (i == 0)  else      

if (i == 2)  else   

card.getlayout().setactiveitem(i);     

};     

var card = new ext.panel(,     

bbar: [     

,     

'->',     

],     

items: [, , ],     

renderto: "container"

});     

});  

總結:el與renderto相似,都是渲染到某個html元素。

var 

******

= new

ext.formpanel(, 

defaulttype : 'textfield', 

items : [ , , , , new ext.form.timefield() ], 

buttons : [ ,  ] 

}); 

******.render(document.body); 

6、viewport和border布局

new ext.viewport(, , , ,  

}] }); 

6、store、model

ext.onready(

function

() ); 

varmydata = [ 

[1, 'fred flintstone'

, 'fred'

],  

// note that id for the

// record is the first

// element

[2, 'barney rubble'

, 'barney'

] ]; 

mystore.loaddata(mydata); 

mystore.each(function

(model) ); 

}); 

7、讓面板整體色調保持一致

true表示為面板的邊框外框可自定義的,false表示為邊框可1px的點線(預設為false)。

8、combo使用

new

ext.onready(

function

() ); 

vartop = 

newext.formpanel(, 

items : [  

, , , , , , ,  ], 

buttons : [ ,  ] 

}); 

top.render(document.body); 

}); 

9、調整label標籤與combo之間的距離

labelwidth: 50,

labelalign:'right'

10、除錯

chrome:scripts->選擇需要除錯的js檔案,打斷點進行除錯

ctrl+shift+i後:network->documents中可檢視request傳遞的引數

11、ajax實現聯動選單 

(

function

() var

data = {}; 

ext.onready(function

()else

請求把後台資料拿過來

ext.ajax.request(, 

method:'post'

, timeout:4000, 

success:function

(response,opts) 

//7.加入新的項

ext.array.each(obj,function

(o)) 

//8.把從資料庫拿到的資料進行前台頁面快取

} }); 

}); 

}); 

})() 

Latex模板樣例(1)

coding utf 8 本模板可以使用以下兩種方式編譯 1.pdflatex 2.xelatex 推薦 注意 1.在改變編譯方式前應先刪除 toc 和 aux 檔案,因為不同編譯方式產生的輔助檔案格式可能並不相同。documentclass documentclass nocover 切換到無封面...

樣例分析1 ADC1 1

1.adcv1.1 主 int main void device init tim0 init pwm 1000,0 tim0 ch2通道輸出pwm tim6 t0 init 定時器t6 t0初始化 tim6 t1 init adc init adc配置初始化 pb outen 0x04ff pb輸...

每天1點執行的oracle JOB樣例

declare x number begin sys.dbms job.submit job x what syn rpt members relation next date to date 02 07 2008 01 00 00 dd mm yyyy hh24 mi ss interval tr...