- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我有一个表单面板,我希望文本字段贴在它们的标签上,但 labelAlign:'right' 不起作用,文本字段居中对齐
这是我的代码:
Ext.ns('Tunkv.forms');
Tunkv.forms.user_settings = Ext.extend(Ext.form.FormPanel, {
// i inserted labelAlign here,maybe the wrong place???
labelAlign : 'right',
labelWidth : 80,
layout:'form'
,border:false
,frame:true
,url:'index.php?option=com_Tunkv&c=doctor&task=saveProfile&format=raw'
,constructor:function(config) {
config = config || {};
config.listeners = config.listeners || {};
Ext.applyIf(config.listeners, {
actioncomplete:function() {
if(console && console.log) {
console.log('actioncomplete:', arguments);
}
}
,actionfailed:function() {
if(console && console.log) {
console.log('actionfailed:', arguments);
}
}
});
Tunkv.forms.user_settings .superclass.constructor.call(this, config);
}
,initComponent:function() {
var timezones = new Ext.data.SimpleStore({
fields: ['id', 'timezone'],
data : [<?php
echo $this->zonesdata;
?>]
});
var joomlaEditors = new Ext.data.SimpleStore({
fields: ['id', 'editor'],
data : [<?php
echo $this->editors;
?>]
});
var languages = new Ext.data.SimpleStore({
fields: ['id', 'language'],
data : [<?php
echo $this->languages;
?>]
});
var ext_templates = new Ext.data.SimpleStore({
fields: ['id', 'ext_template'],
data : [<?php
echo $this->ext_template;
?>]
});
// hard coded - cannot be changed from outside
var config = {
items: [{
xtype: 'textfield',
fieldLabel: 'Name',
name: 'name',
allowBlank: false,
value: '<?php
echo $user->name;
?>',
maxLength: 32,
maxLengthText: 'Maximum name length is 36 characters.',
msgTarget:'side'
},{
xtype: 'textfield',
fieldLabel: 'Username',
name: 'username',
minLength: 2, maxLength: 32,
minLengthText:'Username must be at least 2 characters long. ',
maxLengthText: 'Maximum username length is 36 characters.',
value: '<?php
echo $user->username;
?>',
allowBlank : false,
msgTarget:'under'
},{
xtype: 'textfield',
inputType: 'password',
fieldLabel: 'Password',
name: 'password',
minLength: 6,
maxLength: 32,
minLengthText: 'Password must be at least 6 characters long.',
maxLengthText: 'Maximum Password length is 36 characters.',
msgTarget:'under'
},{
xtype: 'textfield',
fieldLabel: 'Email',
name: 'email',
vtype: 'email',
allowBlank : false,
value: '<?php
echo $user->email;
?>',
msgTarget:'under'
},{
xtype: 'combo',
name: 'joomlaeditor',
fieldLabel: 'Editor',
mode: 'local',
store: joomlaEditors,
displayField:'editor',
value: '<?php
echo $user->getParam ( 'editor' );
?>',
msgTarget:'under'
},{
xtype: 'combo',
name: 'language',
fieldLabel: 'Language',
mode: 'local',
store: languages,
displayField:'language',
value: '<?php
echo $user->getParam ( 'language' );
?>',
msgTarget:'under'
},{
xtype: 'combo',
name: 'timezone',
fieldLabel: 'Timezone',
mode: 'local',
store: timezones,
displayField:'timezone',
value: '<?php
echo $user->getParam ( 'timezone' );
?>'
,
msgTarget:'under'
},{
xtype: 'combo',
name: 'ext_template',
fieldLabel: 'Skin',
mode: 'local',
store: ext_templates,
displayField:'ext_template',
value: '<?php
echo $user->getParam ( 'ext_template' );
?>'
,msgTarget:'under'
},{
xtype: 'hidden',
fieldLabel: '<?php
echo JUtility::getToken ();
?>',
name: '<?php
echo JUtility::getToken ();
?>',
value: '<?php
echo JUtility::getToken ();
?>',
hideLabel:true
}]
,buttons:[{
text:'Submit'
,formBind:true
,scope:this
,handler:this.submit
}]
}; // eo config object
// apply config
Ext.apply(this, Ext.apply(this.initialConfig, config));
// call parent
Tunkv.forms.user_settings .superclass.initComponent.apply(this, arguments);
} // eo function initComponent
/**
* Form onRender override
*/
,onRender:function() {
// call parent
Tunkv.forms.user_settings .superclass.onRender.apply(this, arguments);
// set wait message target
this.getForm().waitMsgTarget = this.getEl();
} // eo function onRender
/**
* Submits the form. Called after Submit buttons is clicked
* @private
*/
,submit:function() {
this.getForm().submit({
url:this.url
,scope:this
,success:this.onSuccess
,failure:this.onFailure
//,params:{cmd:'save'}
,waitMsg:'Saving...'
});
} // eo function submit
/**
* Success handler
* @param {Ext.form.BasicForm} form
* @param {Ext.form.Action} action
* @private
*/
,onSuccess:function(form, action) {
Ext.Msg.show({
title:'Success'
,msg:'Form submitted successfully'
,modal:true
,icon:Ext.Msg.INFO
,buttons:Ext.Msg.OK
});
} // eo function onSuccess
/**
* Failure handler
* @param {Ext.form.BasicForm} form
* @param {Ext.form.Action} action
* @private
*/
,onFailure:function(form, action) {
this.showError(action.result.error || action.response.responseText);
} // eo function onFailure
/**
* Shows Message Box with error
* @param {String} msg Message to show
* @param {String} title Optional. Title for message box (defaults to Error)
* @private
*/
,showError:function(msg, title) {
title = title || 'Error';
Ext.Msg.show({
title:title
,msg:msg
,modal:true
,icon:Ext.Msg.ERROR
,buttons:Ext.Msg.OK
});
} // eo function showError
}); // eo extend
// register xtype
Ext.reg('settingsform', Tunkv.forms.user_settings );
// invalid markers to sides
Ext.form.Field.prototype.msgTarget = 'side';
// create and show window
var userSettingsWindow = new Ext.Window({
title: 'Settings panel'
,layout:'fit'
,width:800
,height:520
,closable:true
,items:{id:'formloadsubmit-form', xtype:'settingsform'}
});
// eof
最佳答案
labelAlign : 'right'
控制 fieldLabel
的位置和对齐方式,应该插入到 fieldset 配置对象中而不是表单配置对象中。
例如:
{
xtype: 'combo',
name: 'ext_template',
fieldLabel: 'Skin',
mode: 'local',
store: ext_templates,
displayField:'ext_template',
value: 'value',
msgTarget:'under',
labelAlign : 'right'
}
关于javascript - 标签对齐 : 'right' not working in my extjs form,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5275538/
所以我使用一个带有整个 block 的标签作为链接,它是一个产品展示,所以你点击它会转到产品页面。现在我创建了一个标签作为链接到购物车页面的按钮。所以我让它工作,但是当我点击购物车按钮时,两个页面都会
根据 Web 标准,创建带有标题 1 的链接的正确代码是什么? 是吗 stackoverflow 或 stackoverflow 谢谢 最佳答案 根据网络标准,您不能将 block 元素放入内
在Java中它是这样写的..当我移植这段代码时...意识到没有这样的东西 break 和continue . 我知道这些命令没有包含在内,因为在使用带有命令的 goto 时必须有一种更简洁的方法来执
我们有一个相当标准的发布过程,使用 Visual Source Safe 在发布之前标记构建。这允许我们在出现任何问题时从该标签中获取,并在需要更改时使用它进行分支。 我们有几个不同的项目,并且总是使
我必须创建一个搜索内容,其中包含搜索框、标题和段落描述。默认情况下,描述被禁用,当我输入一些与描述文本匹配的文本时,描述段落标签应该打开。一些匹配的演示是这样的: [ fiddle ][1] 但默认情
我一直在阅读有关 的文档标签,我似乎无法理解它与简单地使用 有何不同那是 display: none; 文档:template tag 例子 对比 例子
我需要一个脚本来复制当开关按钮打开时标记,当开关按钮关闭时删除标记。我需要一个简单的方法。这是开关按钮: 我试过这个: var change
JSF 是一个 MVC 框架,但我很困惑为什么我们已经有了这么多 HTML 标签还需要 JSF 标签。毫无疑问,JSF 简化了很多事情。我想进一步了解 JSF 中的模型 View 和 Controll
我在这个 website 上看到了那些 html 代码: Homepa
我添加了 photoswipe 插件,可以使用 搜索我的所有照片。标签,如果点击,照片就会变成全屏。我让它工作了,但现在我的导航栏(有 标签)在点击时会触发 photoswipe 插件。 在 ph
标签
我正在尝试截断显示自 的文本标签,但它不工作。我将样式应用于其他标签样式并且它确实有效(我看到的示例中没有一个使用 标签)。我想知道是否有人可以向我解释为什么会这样(我不是最擅长 HTML/CSS
HTML 是这样的: Menu 1 Menu 2 Sub menu 2
我可以更改 TextInputLayout 的位置 float 标签(底部 float 标签)吗?我需要为波纹管 float 标签设置正确的位置。 最佳答案 我解决了我的问题,这是我的 xml:
我的代码是 printMsg : function(data) { $("#message").html(data.bodyText); ... } 这里 data.body
我是 Scrapy 和 Xpath 的初学者,我正在寻找解析具有以下结构的网站 cat1 value1 value2
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及
我必须从 xml 中解析数据。这是我的 xml- 或者它的 url 是:http://mobileecommerce.site247365.com/admin/catdata.xml News f
如何创建应该允许多行数据的标记。不要说使用textarea标签。我知道,但我只想 标记因为标签具有 value 属性。所以当我从 xml 文件获取值时,我应该使用 jquery 语法动态获取.. 最佳
我有一个页面使用我定义的某些样式。 在同一页面上,我刚刚导入了一个使用自己样式的外部 jQuery 插件,例如,包括 。被我自己覆盖的标签样式。 如何确保我的样式表中的样式不会覆盖 jQuery 插件
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它. 关闭 8 年前。 Improve
我是一名优秀的程序员,十分优秀!