Merge pull request #534 from ricardogcolombo/master
Created new ui5 framework snippets
This commit is contained in:
Holger Rapp
commit
d0ef3e6cdb
205
UltiSnips/javascript-openui5.snippets
Normal file
205
UltiSnips/javascript-openui5.snippets
Normal file
@ -0,0 +1,205 @@
|
||||
snippet sapmlabel
|
||||
var ${1} = new sap.m.Label({
|
||||
design : ${2},
|
||||
text : ${3},
|
||||
visible : ${4},
|
||||
textAlign : ${5},
|
||||
textDirection : ${6},
|
||||
width : ${7},
|
||||
required : ${7}
|
||||
});
|
||||
|
||||
snippet sapmtext
|
||||
var ${1} = new sap.m.Text({
|
||||
text :${2},
|
||||
textDirection :${3},
|
||||
visible :${4},
|
||||
wrapping : ${5},
|
||||
textAlign : ${6},
|
||||
width :${7},
|
||||
maxLines :${8}
|
||||
});
|
||||
|
||||
snippet sapmbutton
|
||||
var ${1} = new sap.m.Button({
|
||||
text : ${2},
|
||||
type : ${3},
|
||||
width : ${4},
|
||||
enabled :${5},
|
||||
visible :${6},
|
||||
icon : ${7},
|
||||
iconFirst : ${8},
|
||||
activeIcon :${9},
|
||||
iconDensityAware : ${10},
|
||||
});
|
||||
snippet sapmflexbox
|
||||
var ${1} = new sap.m.FlexBox({
|
||||
visible : ${2},
|
||||
height : ${3},
|
||||
width : ${4},
|
||||
displayInline :${5},
|
||||
direction :${6},
|
||||
fitContainer : ${7},
|
||||
renderType : ${8},
|
||||
justifyContent :${9},
|
||||
alignItems : ${10},
|
||||
items:[]
|
||||
});
|
||||
snippet sapmhbox
|
||||
var ${1} = new sap.m.HBox({
|
||||
visible : ${2},
|
||||
height : ${3},
|
||||
width : ${4},
|
||||
displayInline :${5},
|
||||
direction :${6},
|
||||
fitContainer : ${7},
|
||||
renderType : ${8},
|
||||
justifyContent :${9},
|
||||
alignItems : ${10},
|
||||
items:[]
|
||||
});
|
||||
|
||||
snippet sapmvbox
|
||||
var ${1} = new sap.m.VBox({
|
||||
visible : ${2},
|
||||
height : ${3},
|
||||
width : ${4},
|
||||
displayInline :${5},
|
||||
direction :${6},
|
||||
fitContainer : ${7},
|
||||
renderType : ${8},
|
||||
justifyContent :${9},
|
||||
alignItems : ${10},
|
||||
items:[]
|
||||
});
|
||||
|
||||
snippet sapcomponent
|
||||
sap.ui.controller("${1}", {
|
||||
onInit: function(){
|
||||
},
|
||||
onAfterRendering: function() {
|
||||
},
|
||||
onAfterRendering: function() {
|
||||
},
|
||||
onExit: function() {
|
||||
},
|
||||
});
|
||||
|
||||
snippet sapminput
|
||||
var ${1} = new sap.m.Input({
|
||||
value :${2},
|
||||
width : ${3},
|
||||
enabled :${4},
|
||||
visible :${5},
|
||||
valueState :${6},
|
||||
name : ${7},
|
||||
placeholder : ${8},
|
||||
editable : ${9},
|
||||
type : ${10},
|
||||
maxLength :${11},
|
||||
valueStateText :${12},
|
||||
showValueStateMessage :${13},
|
||||
dateFormat :${14},
|
||||
showValueHelp :${15},
|
||||
showSuggestion :${16},
|
||||
valueHelpOnly :${17},
|
||||
filterSuggests :${18},
|
||||
maxSuggestionWidth :${19},
|
||||
startSuggestion : ${20},
|
||||
showTableSuggestionValueHelp : ${21},
|
||||
description : ${22},
|
||||
fieldWidth : ${23},
|
||||
valueLiveUpdate :${24},
|
||||
suggestionItems :[${25}],
|
||||
suggestionColumns : [${26}],
|
||||
suggestionRows : [${27}],
|
||||
liveChange : ${28},
|
||||
valueHelpRequest :${29},
|
||||
suggest : ${30},
|
||||
suggestionItemSelected : ${31}
|
||||
});
|
||||
snippet _sthis
|
||||
var _self = this;
|
||||
|
||||
snippet sapmresponsivepopup
|
||||
var ${1} = new sap.m.ResponsivePopover({
|
||||
placement :${2} ,//sap.m.PlacementType (default: sap.m.PlacementType.Right)
|
||||
showHeader :${3} ,//boolean (default: true)
|
||||
title : ${4},//string
|
||||
icon :${5} ,//sap.ui.core.URI
|
||||
modal :${6} ,// boolean
|
||||
offsetX :${7}, //int
|
||||
offsetY :${8}, //int
|
||||
contentWidth : ${9},//sap.ui.core.CSSSize
|
||||
contentHeight :${10}, //sap.ui.core.CSSSize
|
||||
horizontalScrolling :${11}, //boolean
|
||||
verticalScrolling :${12}, //boolean
|
||||
showCloseButton :${13}, //boolean (default: true)
|
||||
//Aggregations
|
||||
content :${14}, //sap.ui.core.Control[]
|
||||
customHeader :${15}, //sap.m.IBar
|
||||
subHeader : ${16}, //sap.m.IBar
|
||||
beginButton :${17}, //sap.m.Button
|
||||
endButton : ${18}, //sap.m.Button
|
||||
//Associations
|
||||
initialFocus : ${19}, //string | sap.ui.core.Control
|
||||
//Events
|
||||
beforeOpen :${20}, //fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]
|
||||
afterOpen : ${21}, //fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]
|
||||
beforeClose : ${22}, //fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]
|
||||
afterClose : ${23} //fnList
|
||||
});
|
||||
|
||||
snippet sapicon
|
||||
var ${1} = new sap.ui.core.Icon({
|
||||
src :${2} , //sap.ui.core.URI
|
||||
size :${3} , //sap.ui.core.CSSSize
|
||||
color :${4} , //sap.ui.core.CSSColor
|
||||
hoverColor : ${5} , // sap.ui.core.CSSColor
|
||||
activeColor :${6} , //sap.ui.core.CSSColor
|
||||
width :${7} , //sap.ui.core.CSSSize
|
||||
height : ${8} ,//sap.ui.core.CSSSize
|
||||
backgroundColor :${8} , //sap.ui.core.CSSColor
|
||||
hoverBackgroundColor :${9} , //sap.ui.core.CSSColor
|
||||
activeBackgroundColor :${10} , //sap.ui.core.CSSColor
|
||||
visible :${11} , //boolean (default: true)
|
||||
decorative : ${12} ,//boolean (default: true)
|
||||
});
|
||||
snippet extendVerticalL
|
||||
sap.ui.layout.VerticalLayout.extend("${1}", {
|
||||
metadata: {
|
||||
properties: {
|
||||
${2}
|
||||
},
|
||||
aggregations: {
|
||||
${3}
|
||||
},
|
||||
events: {
|
||||
${4}
|
||||
}
|
||||
},
|
||||
init: function(){
|
||||
${5}
|
||||
},
|
||||
|
||||
renderer: "${6}"
|
||||
});
|
||||
snippet extendHorizontalL
|
||||
sap.ui.layout.HorizontalLayout.extend("${1}", {
|
||||
metadata: {
|
||||
properties: {
|
||||
${2}
|
||||
},
|
||||
aggregations: {
|
||||
${3}
|
||||
},
|
||||
events: {
|
||||
${4}
|
||||
}
|
||||
},
|
||||
init: function(){
|
||||
${5}
|
||||
},
|
||||
|
||||
renderer: "${6}"
|
||||
});
|
||||
Loading…
Reference in New Issue
Block a user