请教设置文本框点击变成可编辑

2013-12-04 09:40

题主

toni
用户名称：	toni
加入日期：	2013-11-18 11:22
登录次数：	78

请教设置文本框点击变成可编辑

请教下怎么设置TEXT 点击变成可编辑的试了很多方法都不行

2013-12-04 09:42

妍丽
用户名称：	妍丽
加入日期：	2013-11-28 13:23
登录次数：	50

是说示例应用第二个例子的那种形式么？

2013-12-04 10:48

moonshine
用户名称：	moonshine
加入日期：	2012-10-30 12:19
登录次数：	1257

可以灵活一些，比如用 combobox 隐藏 trigger 模拟 text，设置其 editable 为 false ,然后在其focus事件里写代码，当鼠标点击控件时，设置为可编辑状态。不过点击变成可编辑这样的功能有什么意义呢

2013-12-04 12:31

Zhao WJ
用户名称：	zhaowj
加入日期：	2011-05-02 12:07
登录次数：	1942

添加ClientScript控件，在header属性中设置：

<div id="abc" style="width:50px">text</div>

在module的finalize事件中，编写代码：

var editor = new Ext.Editor({
    updateEl: true,
    field: {
        xtype: 'textfield'
    }
});
var o=Ext.get('abc');
o.on('click',function(){
  editor.startEdit(o);
});

2013-12-04 12:50

moonshine
用户名称：	moonshine
加入日期：	2012-10-30 12:19
登录次数：	1257

学习了

2013-12-04 15:57

toni
用户名称：	toni
加入日期：	2013-11-18 11:22
登录次数：	78

谢谢各位。刚连上网。。我现在的需求是这样的：用一个页面显示详细信息，当点击编辑的时候把所有的内容设置为可编辑。
因为这个显示的东西很多，我需要一个一个设置么，有什么好的思路？
我的想法是做两个panel 在数据库查询的时候用as 直接把值对应到panel1和 panel2 。点击的时候隐藏panel1 显示panel2 感觉累赘点请问还有什么更好的思路吗

2013-12-04 17:07

moonshine
用户名称：	moonshine
加入日期：	2012-10-30 12:19
登录次数：	1257

可以将要显示的内容对应的控件放在一个panel里，将panel 的disabled 设置为 true.此时显示的内容只读不可编辑，点击编辑按钮的时候，将panel的disabled 设置为 false即可编辑其中内容。

2013-12-04 17:13

toni
用户名称：	toni
加入日期：	2013-11-18 11:22
登录次数：	78

请问能给个设置属性的语法不试了jquery的不好用还有那个disabled的界面灰蒙蒙的不好看。。能改么

2013-12-04 17:21

moonshine
用户名称：	moonshine
加入日期：	2012-10-30 12:19
登录次数：	1257

如果觉得disabled的界面灰蒙蒙的不好看，也可以不采用这个方式。换另外一种。比如在设置好各种控件之后，用一个fieldSet将显示的内容遮盖住，这样同样可以满足您的要求。如果需要编辑的话，在编辑按钮中写fieldSet1.setVisible(false);这样就可以对内容进行编辑了。其中fieldSet1代表你实际的fieldSet的ID。

返回开发者社区