最新文章專(zhuān)題視頻專(zhuān)題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專(zhuān)題1關(guān)鍵字專(zhuān)題50關(guān)鍵字專(zhuān)題500關(guān)鍵字專(zhuān)題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專(zhuān)題關(guān)鍵字專(zhuān)題tag2tag3文章專(zhuān)題文章專(zhuān)題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專(zhuān)題3
問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

學(xué)習(xí)ExtJSPanel常用方法_extjs

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 20:44:38
文檔

學(xué)習(xí)ExtJSPanel常用方法_extjs

學(xué)習(xí)ExtJSPanel常用方法_extjs: 一、屬性 frame:布爾類(lèi)型true 或 false ,為true時(shí)表示邊框?yàn)閳A角且具有背景色,取false則反之。 xtype:在EXTJS的可視化組件部署中的一種機(jī)制,即通過(guò)指定xtype的值,來(lái)告訴容量如何初始化所包含的級(jí)件,如xtype:textfiled,表示使用E
推薦度:
導(dǎo)讀學(xué)習(xí)ExtJSPanel常用方法_extjs: 一、屬性 frame:布爾類(lèi)型true 或 false ,為true時(shí)表示邊框?yàn)閳A角且具有背景色,取false則反之。 xtype:在EXTJS的可視化組件部署中的一種機(jī)制,即通過(guò)指定xtype的值,來(lái)告訴容量如何初始化所包含的級(jí)件,如xtype:textfiled,表示使用E

一、屬性 frame:布爾類(lèi)型true 或 false ,為true時(shí)表示邊框?yàn)閳A角且具有背景色,取false則反之。 xtype:在EXTJS的可視化組件部署中的一種機(jī)制,即通過(guò)指定xtype的值,來(lái)告訴容量如何初始化所包含的級(jí)件,如xtype:"textfiled",表示使用Ext.form.TextFile來(lái)進(jìn)行初始化當(dāng)前組件。
xtype Class
------------- ------------------
box Ext.BoxComponent
button Ext.Button
buttongroup Ext.ButtonGroup
colorpalette Ext.ColorPalette
component Ext.Component
container Ext.Container
cycle Ext.CycleButton
dataview Ext.DataView
datepicker Ext.DatePicker
editor Ext.Editor
editorgrid Ext.grid.EditorGridPanel
flash Ext.FlashComponent
grid Ext.grid.GridPanel
listview Ext.ListView
panel Ext.Panel
progress Ext.ProgressBar
propertygrid Ext.grid.PropertyGrid
slider Ext.Slider
spacer Ext.Spacer
splitbutton Ext.SplitButton
tabpanel Ext.TabPanel
treepanel Ext.tree.TreePanel
viewport Ext.ViewPort
window Ext.Window
Toolbar components
---------------------------------------
paging Ext.PagingToolbar
toolbar Ext.Toolbar
tbbutton Ext.Toolbar.Button (deprecated; use button)
tbfill Ext.Toolbar.Fill
tbitem Ext.Toolbar.Item
tbseparator Ext.Toolbar.Separator
tbspacer Ext.Toolbar.Spacer
tbsplit Ext.Toolbar.SplitButton (deprecated; use splitbutton)
tbtext Ext.Toolbar.TextItem
Menu components
---------------------------------------
menu Ext.menu.Menu
colormenu Ext.menu.ColorMenu
datemenu Ext.menu.DateMenu
menubaseitem Ext.menu.BaseItem
menucheckitem Ext.menu.CheckItem
menuitem Ext.menu.Item
menuseparator Ext.menu.Separator
menutextitem Ext.menu.TextItem
Form components
---------------------------------------
form Ext.FormPanel
checkbox Ext.form.Checkbox
checkboxgroup Ext.form.CheckboxGroup
combo Ext.form.ComboBox
datefield Ext.form.DateField
displayfield Ext.form.DisplayField
field Ext.form.Field
fieldset Ext.form.FieldSet
hidden Ext.form.Hidden
htmleditor Ext.form.HtmlEditor
label Ext.form.Label
numberfield Ext.form.NumberField
radio Ext.form.Radio
radiogroup Ext.form.RadioGroup
textarea Ext.form.TextArea
textfield Ext.form.TextField
timefield Ext.form.TimeField
trigger Ext.form.TriggerField
Chart components
---------------------------------------
chart Ext.chart.Chart
barchart Ext.chart.BarChart
cartesianchart Ext.chart.CartesianChart
columnchart Ext.chart.ColumnChart
linechart Ext.chart.LineChart
piechart Ext.chart.PieChart
Store xtypes
---------------------------------------
arraystore Ext.data.ArrayStore
directstore Ext.data.DirectStore
groupingstore Ext.data.GroupingStore
jsonstore Ext.data.JsonStore
simplestore Ext.data.SimpleStore (deprecated; use arraystore)
store Ext.data.Store
xmlstore Ext.data.XmlStore
defaults:xtypes的默認(rèn)值,如:
 defaults:{xtype:"textfield",width:180},
 items:[{fieldLabel:"帳號(hào)"},{fieldLabel:"密碼"}],

二、方法
add(Ext.Component/Object_component):添加一個(gè)組件到面板中,運(yùn)行時(shí)方法。 addButton( String/Object config, Function handler, Object scope ) :添加一個(gè)按鈕到面板中,設(shè)計(jì)時(shí)方法(對(duì)象在未構(gòu)造之前調(diào)用)。 _panel.addButton({text:"確 定"}); //form按默認(rèn)寬度自適應(yīng)創(chuàng)建 _panel.addButton(new Ext.Button({text:"取消",minWidth:200}));

三、事件 render:當(dāng)前對(duì)象被構(gòu)造后觸發(fā)(設(shè)計(jì)時(shí)事件)。 renderto(構(gòu)造參數(shù)):將當(dāng)前對(duì)象所生成的HTML對(duì)象存放在指定的對(duì)象中(運(yùn)時(shí)時(shí)事件)。 兩者不能同進(jìn)使用,否則render不起作用。
三、構(gòu)造參數(shù)
items:指定包含在面板中組件的配置數(shù)組如textField。 buttons:指定包含面板中按鈕的配置數(shù)組。 四、應(yīng)用舉例
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--> Ext.onReady(function(){
var _panel = new Ext.Panel({
title:"人員信息",
frame:true,
width:400,
height:300
})
_panel.addButton({text:"確定"});
_panel.addButton(new Ext.Button({text:"取消",minWidth:200}));
_panel.render(Ext.getBody());
}) ; Ext.onReady(function(){
var _panel=new Ext.Panel({
title:"登陸",
renderTo:Ext.getBody(),
frame:true,
width:560,
height:130,
layout:"form",
lableWidth:45,
defaults:{xtype:"textfield",width:180},
items:[{fieldLabel:"帳號(hào)"},{fieldLabel:"密碼"}],
buttons:[{text:"確定"},{text:"取消"}]

})
})

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

文檔

學(xué)習(xí)ExtJSPanel常用方法_extjs

學(xué)習(xí)ExtJSPanel常用方法_extjs: 一、屬性 frame:布爾類(lèi)型true 或 false ,為true時(shí)表示邊框?yàn)閳A角且具有背景色,取false則反之。 xtype:在EXTJS的可視化組件部署中的一種機(jī)制,即通過(guò)指定xtype的值,來(lái)告訴容量如何初始化所包含的級(jí)件,如xtype:textfiled,表示使用E
推薦度:
標(biāo)簽: 學(xué)習(xí) panel extjs
  • 熱門(mén)焦點(diǎn)

热门图文

猜你喜歡

專(zhuān)題
Top
fffffffffffff

抖音扫码关注

手机端二维码

每天分享百科知识!