extjs4中Ext.Editor编辑控件用法

时间：2022-06-25 18:30:52 编辑：袖梨来源：一聚教程网

1.用文本框编辑普通文本
下面通过一个编辑控件作用在span标签上，双击该标签即可编辑该标签的文本类容。

代码如下

复制代码

[html]

用文本框编辑普通文本

请双击我修改文字

[Js]
    //用文本框编辑普通文本
    var editor1 = new Ext.Editor({
        shadow: false,
        completeOnEnter: true,      //按回车时自动完成
        cancelOnEsc: true,          //按ESC自动退出编辑
        updateEl: true,            //有变化时更新
        ignoreNoChange: true,       //不理会没有变化的情况
        listeners: {
            complete: function (editor, value, oldValue) {
                Ext.Msg.alert('文本被改变', "从“" + oldValue + "” 变为“" + value + "”");
            }
        },
        field: {
            allowBlank: false,
            xtype: 'textfield',
            width: 150,
            selectOnFocus: true
        }
    });

    Ext.get("span1").on('dblclick', function (event, span1_dom) {
        editor1.startEdit(span1_dom);
    });

效果图片如下

效果如下：

处于编辑状态时：

推荐专题

最新下载

热门教程

extjs4中Ext.Editor编辑控件用法

用文本框编辑普通文本

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程