开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > JavaScript > 查看源码
editor.js
资源名称：ext-3.1.0.zip　[点击查看]
上传用户：dawnssy
上传日期：2022-08-06
资源大小：9345k
文件大小：3k
源码类别：

JavaScript

开发平台：

JavaScript

editor.js：源码内容
  1. /*!  * Ext JS Library 3.1.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ Ext.onReady(function(){
  2.     var ct = new Ext.form.FormPanel({
  3.         renderTo: 'container',
  4.         width: 700,
  5.         height: 400,
  6.         title: 'User Details',
  7.         defaultType: 'textfield',
  8.         padding: 10,
  9.         labelWidth: 90,
  10.         items: [{
  11.             fieldLabel: 'First Name'
  12.         }, {
  13.             fieldLabel: 'Middle Name'
  14.         }, {
  15.             fieldLabel: 'Last Name'
  16.         }, {
  17.             xtype: 'datefield',
  18.             fieldLabel: 'D.O.B'
  19.         }],
  20.         listeners: {
  21.             afterrender: function(form){
  22.                 var cfg = {
  23.                     shadow: false,
  24.                     completeOnEnter: true,
  25.                     cancelOnEsc: true,
  26.                     updateEl: true,
  27.                     ignoreNoChange: true
  28.                 };
  30.                 var labelEditor = new Ext.Editor(Ext.apply({
  31.                     alignment: 'l-l',
  32.                     listeners: {
  33.                         beforecomplete: function(ed, value){
  34.                             if(value.charAt(value.length - 1) != ':'){
  35.                                 ed.setValue(ed.getValue() + ':');
  36.                             }
  37.                             return true;
  38.                         },
  39.                         complete: function(ed, value, oldValue){
  40.                             Ext.example.msg('Label Changed', '"{0}" changed to "{1}"', oldValue, value);
  41.                         }
  42.                     },
  43.                     field: {
  44.                         allowBlank: false,
  45.                         xtype: 'textfield',
  46.                         width: 90,
  47.                         selectOnFocus: true
  48.                     }
  49.                 }, cfg));
  50.                 form.body.on('dblclick', function(e, t){
  51.                     labelEditor.startEdit(t);
  52.                 }, null, {
  53.                     delegate: 'label.x-form-item-label'
  54.                 });
  56.                 var titleEditor = new Ext.Editor(Ext.apply({
  57.                     cls: 'x-small-editor',
  58.                     alignment: 'bl-bl?',
  59.                     offsets: [0, 3],
  60.                     listeners: {
  61.                         complete: function(ed, value, oldValue){
  62.                             Ext.example.msg('Title Changed', '"{0}" changed to "{1}"', oldValue, value);
  63.                         }
  64.                     },
  65.                     field: {
  66.                         width: 110,
  67.                         triggerAction: 'all',
  68.                         xtype: 'combo',
  69.                         editable: false,
  70.                         forceSelection: true,
  71.                         store: ['User Details', 'Developer Details', 'Manager Details']
  72.                     }
  73.                 }, cfg));
  75.                 form.header.child('.x-panel-header-text').on('dblclick', function(e, t){
  76.                     titleEditor.startEdit(t);
  77.                 });
  78.             }
  79.         }
  80.     });
  81. });