Ext代码如下
<script>
Ext.onReady(function(){
Ext.QuickTips.init();//开启表单提示
Ext.form.Field.prototype.msgTarget='side';//设置提示信息位置为边上
var simple = new Ext.FormPanel({//初始化表单面板
labelWidth:75,//默认标签宽度
buttonAlign:'left',//按钮左对齐
frame:true,//设置表单面板,false为无面板
title:'我的表单',
bodyStyle:'padding:5px 5px 0',
width:350,
defaults:{width:230},
waitMsgTarget:true,//加载提示
defaultType:'textfield',//默认字段类型
reader:new Ext.data.XmlReader({//设置数据来源为xml
record:'contact',//XML数据dom结点
success:'@success'//加载成功后不作处理
},[
'name',
'email'//取得XML节点数据填充到表单对应字段
]),
items:([{
fieldLabel:'帐户',
name:'name'
},{
fieldLabel:'e-mail',
name:'email'
}]),
buttons:[{
text:'加载',
handler:function(){
simple.form.load({url:'form_info.xml',waitMsg:'Loading'})//加载XML数据文件('form_info.xml)
}
}]
});
simple.render('show');//添加到指定区域(添加到一个div中)
});
</script>
Xml数据代码
<?xml version="1.0" encoding="UTF-8"?>
<response success="true">
<contact><!--对应record : 'contact',其中包含所需的数据-->
<name>leehui1983</name><!--字段-->
<email>nicho-li@163.com</email><!--字段-->
</contact>
</response>
分享到:
相关推荐
Ext.ux.tree.treegrid异步加载,点击节点加载数据
EXT异步提交FORM表单的使用和,以及EXT配合struts2,sprint2.5进行前台和后台的交互解释和运用.....
Ext 异步加载添加 删除节点 修改combobox选择项,相当好的东西,值得参考!希望对你有用!
extjs tree 异步加载树型完整的一个web工程,自已已经试过,可用。
ztree+dwr实现的异步加载树形菜单
NULL 博文链接:https://8366.iteye.com/blog/544437
本人手写的一款js树形控件,附带图片,代码简洁,注释齐全,可读性高,易于维护,方便移植,结构清晰,思路明了,界面美观,同时支持异步加载,对浏览器的兼容行强,你还可以根据自己的需要扩展功能,可大量应用于...
Ext4 动态加载js例子 Ext4 动态加载js例子 Ext4 动态加载js例子 Ext4 动态加载js例子
使用 json 动态加载 Ext 表单数据。
extjs4,当点击左边的树,右边会生成相应的面板,代码精简,欢迎大家来学习,有问题可以直接交流。
Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载
EXT 表单验证EXT 表单验证EXT 表单验证EXT 表单验证EXT 表单验证
目录: 1. layout-test-01.html为上下布局,...详细见代码。 ...详细见代码。 ...即:Ext.window ...6.tree-asynch-test.html为异步加载的树 7.tree-edit-test.html为节点可以编辑的树 8.tree-tz-test.html为tree节点拖拽的练习
自己扩展的异步分页bbar,对大数据量表的查询很有帮助
Ext的gridpanel控件二次加载时丢失解决方案
ext4.0动态加载,使用json数据源,整个项目只有一个页面,js按照mvc模式搭建
ext ext表单 ext表单设计器 表单设计
Ext 3.3.1 动态加载树结构 - 数据库部分(Mysql,包括表结构和表数据) 是【Ext 3.3.1 动态加载树结构(请在我的个人资源中找)】中的一部分,请下载的朋友看好了,可别下了用不成. 祝你(们)好运 需要改端口号的 去Test...
实现页面grid页面全动态,希望对您有帮助,请帮顶!