㈠ Extjs怎么改变遮罩的颜色
写一个隐藏DIV,控制DIV覆盖整个页面
代码可以版参考:权
#shadowDiv {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0px : left : 0px;
background-color: #FFF;
filter: alpha(opacity = 70);
opacity: 0.7;
z-index: 65534
}
function test(){
var d = document.createElement("DIV");
d.id = "shadowDiv";
document.body.insertBefore(d, document.body.firstChild);
d.style.display='block';
d.style.height=document.body.scrollHeight;
}
㈡ extjs readOnly 问题
我想你理解的disabled配置项是有些出入的,如下:
disabled:true的意思是“渲染该组件为禁用状态的”,也就是他在页面虽然显示,但是状态为禁用,显示效果置灰,点击无反应(添加有些事件依旧可以触发),在表单中提交时将被忽视该对象,可以用过setDisabled( Boolean disabled )方法来控制这个配置项的值;
而你说的可以编辑应该对应的配置项为editable,这个配置项是控制下拉框的文本框是否可以手写输入,可以通过setEditable(boolean)方法调整他的这个配置项的值;
至于readOnly配置项,Api中这样解释“如果为真,则在HTML时标明此表单元素为只读 -- 注意:只是设置表单对象的只读属性。“也许这个不是很容易理解,用前两个基本可以解决问题。
㈢ Extjs 怎样重新设置文本框背景色
如果是extjs的field , 都有 blur , focus 的事件var field = Ext.create("Ext.form.field.Text" , { listeners:{ blur: function(){ //失去焦点事件 } , focus: function(){ //获取焦点 } }});//如果回是通过extjs操作当前页面答中的input..//这是Input//var el = Ext.get("a");a.on({ blur: function(){ //失去焦点事件 } , focus: function(){ //获取焦点 }});
㈣ extjs textfield 不可编辑,但不变灰,点击不出现光标
你可以通过继承来扩展一个有他们的焦急的方法的类
㈤ Extjs 在使用fadeOut动画效果之后,会留出一块深灰色的块,怎么去掉啊
试试用容器的 doLayout(); 方法刷新一下页面.
㈥ extjs中,如何在textfield后面加一个按钮,并且点击按钮要调用后台方法
Ext.form.TriggerField 这个类是 TextField的子类,你创建他的实例的时候可以设定下面的属性.这个属性就是后面的图片
triggerClass : String
举个简单例子:
var comNam = new Ext.form.TriggerField({
name : 'comNam',
allowBlank: false,
blankText:"请点击文本框,进行公司选择",
fieldLabel :net.uni.in1.notBlankMark+ '公司名称',
readOnly:true,
cls:"ux-readOnly", //增加此样式,可以变灰
enableKeyEvents: true,
listeners:{
'focus': function(){
chooseCust();
}
},
triggerClass : 'view',
anchor : '90%'
});
}
㈦ EXTjs 如何限制特定行不能输入。新手求助
假如你新增的这李碰神个combox的id是“test”。下个输入框的id是"next"
var name = Ext.getCmp('test').getRawValue();//获哪亏取combox的显示文字
if(name == "新增"){
Ext.getCmp('next').disable();//吵猜组件变灰禁用
}else{
Ext.getCmp('next').enable();//组件恢复
}
㈧ extjs textfield 设置readonly为true之后文本框背景色变灰,如何设置成透明
字段只读 api源码是 : readOnlyCls: Ext.baseCSSPrefix + 'form-readonly',
看一下能否去除后置的样式。达到目的。
㈨ extjs中文本框不允许输入怎么实现
一般的Extjs的控件里,一般都会有disable这一项,如果你指定disabled为true,那么这个控件就会显示为回灰答色不可用的,此外还有一个hidden项,如果为true,那么这个控件不会在页面上显示,对TextField以外的控件也有效果,示例如下:
var test = new Ext.form.TextField({
id:'sm1',
....... //其它项省略
disabled:true,
hidden:false
});
㈩ extJs单选框(radio)如何设置为不可编辑
readOnly : true 可以的亲自试过,下面是我测试的代码。
Ext.onReady(function(){
varFieldContainer=Ext.create('Ext.form.FieldContainer',{
items:[{
xtype:'fieldcontainer',
layout:'hbox',
fieldLabel:'Size',
defaults:{
flex:1
},
defaultType:'radiofield',
items:[{
boxLabel:'M',
name:'size',
inputValue:'m',
readOnly:true,
id:'radio1'
},{
boxLabel:'L',
name:'size',
inputValue:'l',
readOnly:true,
id:'radio2'
},{
boxLabel:'XL',
name:'size',
inputValue:'xl',
readOnly:true,
id:'radio3'
}]
}]
});
Ext.create('Ext.container.Viewport',{
layout:'vbox',
items:[FieldContainer]
});
});
如果你的 readOnly 没起作用,就说明写错地方了。要不发一下你的代码。