How to use the ext/dockpanel/dockpanel.register function in ext
To help you get started, we’ve selected a few ext examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
pylonide / pylon / plugins-client / ext.debugger / debugger.js View on Github 
}, function(type) {
ext.initExtension(_self);
// Why is this code here? This is super hacky and has lots of
// unwanted side effects (Ruben)
// when visible -> make sure to refresh the grid
dbgVariable.addEventListener("prop.visible", function(e) {
if (e.value && self.dgVars) {
dgVars.reload();
}
});
return dbgVariable;
});
dock.register(name, "dbgBreakpoints", {
menu : "Debugger/Breakpoints",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -8, y: -88 },
activeState: { x: -8, y: -88 }
}
}, function(type) {
ext.initExtension(_self);
return dbgBreakpoints;
});
},return dbgCallStack;
});
dock.register(name, "dbInteractive", {
menu : "Debugger/Interactive",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -8, y: -130 },
activeState: { x: -8, y: -130 }
}
}, function(type) {
ext.initExtension(_self);
return dbInteractive;
});
dock.register(name, "dbgVariable", {
menu : "Debugger/Variables",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -8, y: -174 },
activeState: { x: -8, y: -174 }
}
}, function(type) {
ext.initExtension(_self);
// Why is this code here? This is super hacky and has lots of
// unwanted side effects (Ruben)
// when visible -> make sure to refresh the grid
dbgVariable.addEventListener("prop.visible", function(e) {
if (e.value && self.dgVars) {
dgVars.reload();
}expanded : -1,
width : 220,
"min-width" : 200,
barNum: 2,
sections : [{
width : 220,
height: 300,
buttons : [{
caption: "Outline",
ext : [this._name, "pgOutline"],
hidden : false
}]
}]
});
dock.register(this._name, "pgOutline", {
menu : "Outline",
primary : {
backgroundImage: "images/main_icon.png",
defaultState: { x: -6, y: 0 },
activeState: { x: -6, y: -40 }
}
}, function() {
ext.initExtension(_self);
return pgOutline;
});
},hook: function() {
var name = "ext/debugger/debugger";
dock.register(name, "dbgCallStack", {
menu : "Debugger/Call Stack",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -8, y: -47 },
activeState: { x: -8, y: -47 }
}
}, function(type) {
ext.initExtension(dbg.main);
return dbgCallStack;
});
},hook : function(){
var _self = this;
var name = "ext/sandbox/sandbox";
dock.register(name, "jsSandbox", {
menu : "Sandbox",
primary : {
backgroundImage: "/static/style/icons/sandbox-icon.png",
defaultState: { x: 0, y: 0 },
activeState: { x: 0, y: 0 }
}
}, function(type) {
ext.initExtension(_self);
return jsSandbox;
});
dock.addDockable({
width : 400,
height : 400,
hidden : false,
buttons : [dock.register(name, "pgDebugNav", {
menu : "Run Commands",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -6, y: -265 },
activeState: { x: -6, y: -265 }
}
}, function(type) {
ext.initExtension(_self);
return pgDebugNav;
});
breakpoints.hook();
sources.hook();
dock.register(name, "dbInteractive", {
menu : "Debugger/Interactive",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -8, y: -130 },
activeState: { x: -8, y: -130 }
}
}, function(type) {
ext.initExtension(_self);
return dbInteractive;
});
dock.register(name, "dbgVariable", {
menu : "Debugger/Variables",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -8, y: -174 },return pgDebugNav;
});
dock.register(name, "dbgCallStack", {
menu : "Debugger/Call Stack",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -8, y: -47 },
activeState: { x: -8, y: -47 }
}
}, function(type) {
ext.initExtension(_self);
return dbgCallStack;
});
dock.register(name, "dbInteractive", {
menu : "Debugger/Interactive",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -8, y: -130 },
activeState: { x: -8, y: -130 }
}
}, function(type) {
ext.initExtension(_self);
return dbInteractive;
});
dock.register(name, "dbgVariable", {
menu : "Debugger/Variables",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -8, y: -174 },init : function(amlNode) {
var _self = this;
this.blamejs = new BlameJS();
this.gitLogParser = new GitLogParser();
dock.register(this.name, "Git Tools", {
menu : "Tools/Git Tools",
primary : {
backgroundImage: ide.staticPrefix + "/style/images/debugicons.png",
defaultState: { x: -6, y: -217 },
activeState: { x: -6, y: -217 }
}
}, function(type) {
return tabGitTools.firstChild;
});
dock.addDockable({
width : 260,
height : 340,
buttons : [
{ caption: "Git Tools", ext : [this.name, "Git Tools"] }
]]
});
dock.register(name, "pgDebugNav", {
menu : "Run Commands",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -6, y: -265 },
activeState: { x: -6, y: -265 }
}
}, function(type) {
ext.initExtension(_self);
return pgDebugNav;
});
dock.register(name, "dbgCallStack", {
menu : "Debugger/Call Stack",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -8, y: -47 },
activeState: { x: -8, y: -47 }
}
}, function(type) {
ext.initExtension(_self);
return dbgCallStack;
});
dock.register(name, "dbInteractive", {
menu : "Debugger/Interactive",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -8, y: -130 },{ caption: "Interactive", ext : [name, "dbInteractive"], hidden: true},
{ caption: "Variables", ext : [name, "dbgVariable"], hidden: true},
]
},
{
width : 350,
height : 230,
flex : 2,
buttons : [
{ caption: "Breakpoints", ext : [name, "dbgBreakpoints"], hidden: true}
]
}
]
});
dock.register(name, "pgDebugNav", {
menu : "Run Commands",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -6, y: -265 },
activeState: { x: -6, y: -265 }
}
}, function(type) {
ext.initExtension(_self);
return pgDebugNav;
});
dock.register(name, "dbgCallStack", {
menu : "Debugger/Call Stack",
primary : {
backgroundImage: ide.staticPrefix + "/ext/main/style/images/debugicons.png",
defaultState: { x: -8, y: -47 },ext
JavaScript utilities with respect to emerging standard
Package Health Score
65 / 100Popular ext functions
- ext.extend
- ext.wikia.adEngine.adEngine
- ext.wikia.adEngine.lookup.lookupFactory
- ext/commands/commands.addCommand
- ext/dockpanel/dockpanel.register
- ext/editors/editors.currentEditor
- ext/filesystem/filesystem.exists
- ext/githistory/util.createElement
- ext/menus/menus.addItemByPath
- ext/menus/menus.remove
- ext/nv.d3.1.1.15b.custom.utils
- ext/panels/panels.register
- ext/panels/panels.unregister
- ext/settings/settings.model
- ext/splitview/splits.get
- ext/splitview/splits.getActive
- ext/splitview/splits.indexOf
- ext/splitview/splits.mutate
- ext/splitview/splits.update
- ext/testpanel/testpanel.setError