Coolite笔记.docxVIP

布局注意事项：1、ext:FormLayout控件必选在一个容器里，如（Panel，FormPanel）GridPnale:1.1、单击gridpan中的一行触发事件以及获得当前的行事件：SelectionModelext:RowSelectionModelID=RowSelectionModel1SelectedIndex=1SingleSelect=truerunat=serverListenersRowSelectHandler=Selectindex(rowIndex)//Listeners/ext:RowSelectionModel/SelectionModel获取当前行的值：function Selectindex(index) {var date=GridPanel1.store.data.items[index].data[ID];alert(dage); }注明：//ID为当前行的某一个字段名1.2、双击Gridpnale中的一行触发事件以及或得当前行的数据事件：ListenersDblClick Handler=OnOrgSelected(#{GridPanel1}.getSelections()[0].data);#{Window1}.hide()//Listeners获取当前行的值：function OnOrgSelected(obj) {var accno;if (obj != || obj != null) { Accno=obj.AccNo; } }注明：//GridPanel1为gridpanel的ＩＤ，Window1为当前要关闭的ｗｉｎｄｏｗ窗体1.3、渲染gridpanel前台：ext:CommandColumnHeader=操作Width=200Commandsext:GridCommandCommandName=IsStateText=启用Icon=Accept//CommandsPrepareToolbarFn=setvalue//ext:CommandColumn脚本：var setvalue=function(grid, toolbar, rowIndex, record) {if(record.data.State==1) { toolbar.items.get(0).setText(停用);//渲染文本// toolbar.items.get(0).setDisabled(false);渲染按钮可用不可用 }else { toolbar.items.get(0).setText(启用); } }注意：Get（0）为第一个按钮1.4、选中一行SelectionModelext:RowSelectionModelID=RowSelectionModel1SingleSelect=truerunat=server/ext:RowSelectionModel/SelectionModel1.5、GridPanel加载数据时提示LoadMaskShowMask=trueMsg=正在加载数据……/1.6、GridPanel分页控件BottomBarext:PagingToolbarID=ptpagesizePageSize=10StoreID=Store1runat=serverAutoWidth=trueAutoHeight=true/ext:PagingToolbar/BottomBar1.5、GridPanel中使用正则表达式ext:AnchorHorizontal=95%ext:TextFieldID=txtOrgTelrunat=serverFieldLabel=联 系 电 话Regex=((^0?1[3458]\d{9})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)RegexText=格式不正确/ext:TextField/ext:AnchorEmail：Regex=\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*邮编：Regex=^[1-9]\d{5}$1.9、GridPanel中鼠标划过样式1）在前台引用：linkhref=../Resources/CSS/gridStyle.cssrel=sty