我正在使用Ext Js 3.4.我在使用时遇到了问题myform.getForm.getValues()
emptytext 也在请求中发送.
以下是代码片段
myForm = new Ext.FormPanel({
id: 'myForm ',
items: [
{
region:'center',
border:false,
items:[center_one]
},{
region:'west',
border:false,
items :[west_one]
},{
region:'east',
border:false,
items :[east_one]
},{
region:'south',
layout:'table',
iborder:false,
items: [south_one]
}
]
});
var west_one= new Ext.form.FieldSet({
width: 282,
height:250,
layout: 'table',
items: [{
id: 'form1',
layout: 'form',
items: [field1]
},{
id: 'form2',
layout: 'form',
items: [field2]
}]
});
var field1 = new Ext.form.ComboBox({
fieldLabel: 'Field',
width: 150,
name: 'field1',
cls: 'fields field1',
id: …我设法创建了一个动态加载子节点的Ext.tree.TreePanel,但是我很难清除树并用新数据加载它.有人可以帮我解决这个问题吗？
我有一个表单面板,使用表格布局来显示表单.我需要添加功能来添加/删除一组组件.
添加按钮应在现有元素下添加新的组件行,删除按钮应删除最后添加的行.
formpanel可以添加一个新字段,但它出现在按钮下方,表单的宽度不会增加(参见下面的屏幕截图).我已经尝试了插入和添加功能,但两者都有相同的效果.
有谁知道如何:1)我可以在下一行添加一系列组件？2)我如何删除下一行.
部分formPanel代码和按钮代码:
![SearchForm = Ext.extend(Ext.FormPanel, {
id: 'myForm'
,title: 'Search Form'
,frame:true
,waitMessage: 'Please wait.'
//,labelWidth:80
,initComponent: function() {
var config = {
items: [{
layout:{
type:'table',
columns:5
},
buttonAlign:'center',
defaults:{
//width:150,
//bodyStyle:'padding:100px'
style:'margin-left:20px;'
},
items:[//row 1
{
xtype: 'label',
name: 'dateLabel',
cls: 'f',
text: "Required:"
},
{
xtype: 'container',
layout: 'form',
items: {
xtype: 'datefield',
fieldLabel: "From Date",
value: yesterday,
width: 110,
id: 'date1'
}
}][1]
buttons: [{
text: 'Add More Criteria (max 10 items)',
id: …如何使用子ID发现面板中是否存在特定子项(项).
假设我有一个父paned(id = parentPanel)和几个面板作为这个父面板的项目.现在,我想搜索id' childPanel09' 的面板是否是父面板的子节点.
[可能没有使用迭代]
注意:我使用的是ExtJs 3.4
在ExtJS 3.3.1中,我尝试将comboBox设置为多选,但它不起作用.
请帮忙.
var mArray = new Array("ALL", "AAA", "BBB");
var mCombo = new Ext.form.ComboBox({ id: 'ID', fieldLabel: 'ID',
triggerAction: 'all',
height: 100, width: 163,
multiSelect: true,
store: mArray
});
Ext.getCmp('mCombo').setValue("ALL");
grid.getcolumnModel().setHidden(0,true)将对列菜单而不是网格面板生效.在列菜单中,您可以启用或禁用该列.我们如何动态添加或删除网格面板中的列？
我打开了一个ExtJs项目,我已经有一段时间不知道了,这让我感到困惑.
我有一个Ext.form.ComboBox,它使用远程JSON存储来列出用户.我使用XTemplate格式化下拉列表中列出的用户:
'<tpl for="."><div class="x-combo-list-item">',
'{firstname} {lastname} ({email})',
'</div></tpl>'
当我展开下拉列表时,我看到我的用户列出正确:
约翰史密斯(jsmith@company.com)
约翰福特(jford@company.com)
但是,当我单击用户时,组合框内容将更改为您期望的valueField属性('firstname').
问题:
而不是显示John,我想要显示组合框:John Smith(jsmith@company.com).
当我有两个John(John Smith和John Ford)并加载表单时,ExtJs逻辑与它在列表中找到的第一个John匹配,并将该字段的值更改为它匹配的第一个John.
例如:John Smith(ID = 1)John Ford(ID = 2)
用户选择John Ford,并且在他们单击组合菜单项后,"John"出现在组合框中,并且user_id = 2被写入数据库.
然而,当我重新加载页面时,名称"John"匹配(从数据库加载)到第一个列表条目,如果操作员没有在下拉对话框中手动更改选择,则选择John Smith并且user_id =现在将1写入数据库(当用户保存表单时).
任何输入都将非常感激.我的直觉告诉我在加载和发布列表单击期间应该有几个钩子,这将允许我操作写入元素的innerHTML元素的内容.
~~~~~~~~~~~~~
注意:我继承了一个自定义类,它允许我提前输入查询,名字,姓氏和电子邮件地址(因为我们可能有数百个用户要搜索).
我继承的ComboBox元素:
CW.form.CustomComboBox = Ext.extend( Ext.form.ComboBox, {
filterKeys:[],
// Note: This overrides the standard doQuery function in Ext 3.3
doQuery: function(q, forceAll){
q = Ext.isEmpty(q) ? '' : q;
var qe = {
query: q,
forceAll: forceAll,
combo: this,
cancel:false
};
if(this.fireEvent('beforequery', qe)===false || qe.cancel){ …我正在使用gridview,它动态地绑定数据存储区中的数据.我有两个文本框将数据输入网格.在提交按钮上单击我添加到我的数据存储区的文本框数据(无需存储在后端).现在我想用datastore刷新gridview.
我的代码:
_createEmptyRecord: function () {
var emptyrecord = Ext.data.Record.create(["id", "name", "type"]);
return new emptyrecord({
formula_id: 1,
name: Amit,
type: anything
});
},
_addValuetogrid: function () {
var record = this._createEmptyRecord();
this._store.insert(0, record);
},
_refreshgrid: function()
{
this._grid._addValuetogrid();
},
现在如何刷新我的Gridview？
请帮我...
我有一个存储一些值的javascript变量:
我可以在firebug或某处回复它以查看存储的值.
var p = user.permissions;
我正在使用extjs3.
我想在我的Web应用程序中使用extjs创建类似于开/关按钮的移动设备.我找不到任何样品或解决方案.我想要这样:演示
CSS
/*
Created by @JohnieHjelm. I took the liberty of doing this ON/OFF switch
just to express my love for CSS3. You're free to use this and of course
I hoped you learned something. Sharing is Caring?
*/
body{
background:#eee;
}
ul{
list-style:none;
width:85px;
height:26px;
position:absolute;
top:50%;
left:50%;
margin:-13px 0 0 -42px;
}
ul li{
float:left;
line-height:23px;
font-size:11px;
padding:2px 10px 0;
background: #E5E5E5;
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3F3F3), to(#E5E5E5));
text-shadow:0 1px 0 #FFF;
border-left:1px solid #D5D5D5;
border-top:1px …