13693261870
2022-09-16 354b3dbfbffb3df45212a2a44dbbf48b4acc2594
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>The source code</title>
  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  <style type="text/css">
    .highlight { display: block; background-color: #ddd; }
  </style>
  <script type="text/javascript">
    function highlight() {
      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
    }
  </script>
</head>
<body onload="prettyPrint(); highlight();">
  <pre class="prettyprint lang-js"><span id='Ext-grid-RowEditorButtons'>/**
</span> * @private
 * Private Container class used by the {@link Ext.grid.RowEditor} to hold its buttons.
 */
Ext.define('Ext.grid.RowEditorButtons', {
    extend: 'Ext.container.Container',
    alias: 'widget.roweditorbuttons',
 
<span id='Ext-grid-RowEditorButtons-cfg-frame'>    frame: true,
</span><span id='Ext-grid-RowEditorButtons-cfg-shrinkWrap'>    shrinkWrap: true,
</span><span id='Ext-grid-RowEditorButtons-property-position'>    position: 'bottom',
</span>
<span id='Ext-grid-RowEditorButtons-method-constructor'>    constructor: function(config) {
</span>        var me = this,
            rowEditor = config.rowEditor,
            cssPrefix = Ext.baseCSSPrefix,
            plugin = rowEditor.editingPlugin;
 
        config = Ext.apply({
            baseCls: cssPrefix + 'grid-row-editor-buttons',
            defaults: {
                xtype: 'button',
                ui: rowEditor.buttonUI,
                scope: plugin,
                flex: 1,
                minWidth: Ext.panel.Panel.prototype.minButtonWidth
            },
            items: [{
                cls: cssPrefix + 'row-editor-update-button',
                itemId: 'update',
                handler: plugin.completeEdit,
                text: rowEditor.saveBtnText,
                disabled: rowEditor.updateButtonDisabled
            }, {
                cls: cssPrefix + 'row-editor-cancel-button',
                handler: plugin.cancelEdit,
                text: rowEditor.cancelBtnText
            }]
        }, config);
 
        me.callParent([config]);
 
        me.addClsWithUI(me.position);
    },
 
<span id='Ext-grid-RowEditorButtons-method-setButtonPosition'>    setButtonPosition: function(position) {
</span>        var me = this;
 
        me.removeClsWithUI(me.position);
        me.position = position;
        me.addClsWithUI(position);
    },
 
<span id='Ext-grid-RowEditorButtons-method-getFramingInfoCls'>    getFramingInfoCls: function(){
</span>        return this.baseCls + '-' + this.ui + '-' + this.position;
    },
 
<span id='Ext-grid-RowEditorButtons-method-getFrameInfo'>    getFrameInfo: function() {
</span>        var frameInfo = this.callParent();
 
        // Trick Renderable into rendering the top framing elements, even though they
        // are not needed in the default &quot;bottom&quot; position.  This allows us to flip the
        // buttons into &quot;top&quot; position without re-rendering.
        frameInfo.top = true;
 
        return frameInfo;
    }
});</pre>
</body>
</html>