ext 技术文档.docx
《ext 技术文档.docx》由会员分享，可在线阅读，更多相关《ext 技术文档.docx（13页珍藏版）》请在冰豆网上搜索。
ext技术文档
1、GridPanel右键菜单实现方法：
/**
*创建右键菜单Time:
2009-09-22
*@param{}grid
*@param{}index
*@param{}e
*/
grid.addListener（'rowcontextmenu',rightClickFn）;
varrightClick=newExt.menu.Menu（{
id:
'rightClickCont',
items:
[{
id:
'rMenu1',
text:
'查看数据内容',
handler:
ListRow
},{
id:
'rMenu2',
text:
'删除此条数据',
handler:
delectRow
}]
}）;
/**
*创建右键菜单Time:
2009-09-22
*@param{}client
*@param{}rowIndex
*@param{}e
*/
functionrightClickFn（client,rowIndex,e）{
e.preventDefault（）;
rightClick.showAt（e.getXY（））;
};
grid.addListener（'rowdblclick',ListRow）;//需要此段关键代码【双击事件】
/**
*双击表格_查看数据
*/
functionListRow（grid,e）{
varInformList=DataListID（）;
varnum=InformList.length;
if（num>1）
{
Ext.Msg.alert（"提示","数据超过"+num+"条,请选择一条数据！
"）;
}else{
Ext.Msg.alert（"提示","数据为第"+num+"条！
"）;
}
};
grid.addListener（'rowclick',delectRow）;//需要此段关键代码【单击事件】
/**
*右键_删除数据
*/
functiondelectRow（grid,e）{
varInformList=DataListID（）;
varnum=InformList.length;
if（num<0）
{
Ext.Msg.alert（"提示","请选择删除数据..."）;
}else{
Ext.Msg.alert（"提示","共删除"+num+"条数据...."）;
}
};
2、双击GridPanel获取数据并覆盖HTML
//双击从表格获取数据
functionlist（）{
ListForm.form.load（{
waitMsg:
'正在获取消息内容....',//提示信息
waitTitle:
'提示',//标题
url:
'page/ZiyouBaowen/informaction.jsp',//请求URL地址获取后台数据
method:
'post',//请求方式
success:
function（form,action）{//加载成功的处理函数
varmsgxmlList;
varrecord=grid.getSelectionModel（）.each（function（rec）{
msgxmlList=rec.get（'msgXml'）;
}）;
if（msgxmlList==null）{
document.getElementById（"xml"）.innerHTML="消息内容无数据";
}else{
document.getElementById（"xml"）.innerHTML=msgxmlList;
}
},
failure:
function（form,action）{//加载失败的处理函数
Ext.Msg.alert（'错误','服务器出现错误请稍后再试！
'）;
}
}）};
3、创建一个新的窗口
//定义修改密码表单
varListForm=newExt.FormPanel（{
region:
'center',
border:
false,
frame:
true,
tabPosition:
'bottom',
bodyStyle:
'padding:
0px0px0',
html:
''+
'
12px">
|
'+
''
}）;
//创建弹出窗口
varwin=newExt.Window（{
title:
'消息_内容',
layout:
'fit',
width:
600,
closeAction:
'hide',
height:
400,
resizable:
false,
shadow:
true,
modal:
true,
closable:
true,
bodyStyle:
'padding:
0000',
animCollapse:
true,
items:
[ListForm]
}）;
textfield组件的基本用法
升级会员 