{
xtype : 'container',// 试题container
id : 'q_0_1_container',
layout : 'fit',
hideBorders : false,
border : 1,
// height: 'auto',
autoHeight : true,
// hidden : true,
defaultType : 'textfield',
style: {
padding: '20px'
},
items : [{
xtype : 'label',
html : '<font color=blue>1)、你是同意呢,还是同意,还是同意呢?<br></font>',
id : 'quesetion_0_1'
},{
xtype: 'radiogroup',
// height : 'auto',
autoHeight : true,
fieldLabel: '单选',
allowBlank : false,
// labelSeparator : '...',
columns : 1,
items: [
{boxLabel: 'A、太2了太2了太2了太2了太2了太2了太2了太2了太2了太2了太2了太2了太2了太2了太2了太2了太2了太2了太2了...', name: 'rb-auto', inputValue: 'A'},
// {boxLabel: 'Item 2', name: 'rb-auto',
// inputValue: '', checked: true},
{boxLabel: 'B、时间就是金钱时间就是金钱时间就是金钱时间就是金钱时间就是金钱时间就是金钱时间就是金钱', name: 'rb-auto', inputValue: 'B'},
{boxLabel: 'C、Item 3', name: 'rb-auto', inputValue: 'C'},
{boxLabel: 'D、Item 4', name: 'rb-auto', inputValue: 'D'}
]
}]
}
分享到:
相关推荐
总之,EXT JS FormPanel的动态添加组件和验证是一个复杂但重要的主题。通过理解EXT JS的API和验证机制,结合源码分析和实用工具,开发者可以有效地应对这类挑战,创建出功能强大且用户体验良好的Web应用。
在"动态添加表单"这个主题中,我们将深入探讨如何在ExtJS中实现表单的动态创建和管理。 首先,我们要理解表单(Form)在ExtJS中的基本概念。表单是数据输入和验证的核心组件,可以包含各种字段类型,如文本框、下拉...
在ExtJS中,我们可以通过继承FormPanel和Store类,然后重写或添加方法来实现自我扩展。例如,我们可能想要增加自定义验证规则,优化数据加载逻辑,或者添加特定的事件处理。 实现自我扩展FormPanel时,我们可以创建...
对于更复杂的需求,如动态添加或删除表单字段,FormPanel 提供了`add`和`remove`方法。同时,`loadRecord`方法可以用来从记录对象中加载表单数据,而`getValues`和`getRecord`则用于获取当前表单的值或转换为记录...
这篇博客“FormPanel的插入与删除”显然探讨了如何在FormPanel中动态添加和移除字段,这对于构建可扩展和动态的用户界面至关重要。在ExtJS中,FormPanel提供了丰富的功能,如数据验证、表单提交以及与服务器端的数据...
这可能涉及从`treeGrid`中获取被拖动节点的数据,然后将其添加到`formPanel`的相关字段中。 `tree_to_formpanel.html`可能是实现这一功能的示例代码,它可能包含了`ExtJS`的HTML、CSS和JavaScript代码。在这个文件...
NULL 博文链接:https://lucky16.iteye.com/blog/1490278
标题 "FCKeditor结合extjs实例" 描述的是一个实际项目中使用的技术组合,涉及到的主要是两个前端富文本编辑器库:FCKeditor 和 ExtJS。这个实例表明在开发企业级网站时,如何将这两者有效地整合以实现复杂的用户界面...
本文将深入探讨“Ext table布局实例”以及“formpanel的table布局”,帮助开发者更好地理解和运用这两种布局方式。 首先,我们要理解什么是Ext table布局。Ext table布局主要用于显示数据,它基于HTML的`<table>`...
这个问题可以通过灵活地设置和操作FormPanel及其内部的BasicForm来解决。 首先,FormPanel在初始化时可以通过配置对象设置一些属性,例如`title`、`width`、`layout`等。在EXTJS4的API中,通常我们会看到一个`url`...
在“sencha的ajax+formpanel+google地图”这个主题中,我们将深入探讨如何使用Sencha Touch与Ajax、FormPanel以及Google Maps API集成,来创建一个具有数据提交和地图展示功能的应用。 首先,`app.html`是应用的...
本文将深入探讨如何在ExtJs中使用`FormPanel`组件结合`form`和`column`布局属性来实现横向布局,即在一个表单中元素能够按照列分布,形成一种更为直观和用户友好的界面设计。 ### 一、理解`FormPanel`及其属性 `...
extjs formpanel学习,秘诀,笔记
字段集(`fieldset`)是一种特殊的容器,用于分组相关的字段,并可以添加标题和折叠功能,如`{xtype:'fieldset', title:'角色信息', labelWidth:20, id:'rolesList', name:'rolesList', collapsible:true, autoHeight:...
在本篇文章中,我们将深入探讨如何使用Extjs4中的FormPanel组件从后台加载JSON数据,并将其映射到表单的各个字段中进行显示。这是一项非常实用的技术,尤其是在需要动态填充表单的情况下。 ### 一、Extjs4 ...
例如,你可以创建一个通用的FormPanel组件,然后在将其添加到不同容器时,根据具体场景为其分配不同的提交URL。 总结一下,ExtJS4中给同一个FormPanel设置不同URL的关键在于: 1. 不在FormPanel的配置中硬编码`url...
6. **显示 FormPanel**:最后,将 FormPanel 添加到页面的某个容器中,使其可见。 ```javascript Ext.application({ name: 'MyApp', launch: function() { Ext.create('Ext.container.Viewport', { items: ...
在本文中,我们将深入探讨ExtJS 2.0中的FormPanel组件,并通过具体的示例来了解如何使用不同的组件,如checkbox、radio以及htmleditor。首先,Ext.FormPanel是ExtJS中用于创建表单的主要组件,它允许我们构建复杂的...