SAP UI5 - नियंत्रण

UI नियंत्रणों के विभिन्न प्रकार हैं जिन्हें आप UI5 अनुप्रयोगों को विकसित करते समय उपयोग कर सकते हैं। ये नियंत्रण आपको UI5 अनुप्रयोग में एक बटन, तालिका, चित्र, लेआउट, कॉम्बो बॉक्स, और विभिन्न अन्य नियंत्रणों को जोड़ने की अनुमति देते हैं।

सामान्य नियंत्रण प्रकारों में शामिल हैं -

• सरल नियंत्रण
• जटिल नियंत्रण
• UX3 नियंत्रण
• Dialogs
• Layout

छवि नियंत्रण

Var image = new sap.ui.commons.Image();
Image.setSrc(“Image1.gif”);
Image.setAlt(“alternat.text”);

सम्मिश्रण पटी

आप पूर्वनिर्धारित प्रविष्टियों को प्रदान करने के लिए कॉम्बो बॉक्स का उपयोग कर सकते हैं।

गुण - आइटम, चयनितकेय

Var oComboBox2 = new sap.ui.commons.ComboBox (“ComboBox”,{
   Items:{path:”/data”,
      Template:oItemTemplate, filters:[oFilter]},
   Change: function(oEvent){
      Sap.ui.getCore(). byId(“field”).setValue(
         oEvent.oSource.getSelectedKey());
   }
});

सरल बटन नियंत्रण

पुश एक्शन के लिए अटैचमेंट असाइन इवेंट हैंडलर का उपयोग करें।

Var oButton = new sap.ui.commons.Button ({text : “Click”,
   Press: oController.update
});

स्वत: पूर्ण नियंत्रण

दर्ज किए गए मूल्य को स्वत: पूर्ण करने के लिए।

Var uiElement = new sap.ui.commons.AutoComplete({
   Tooltip: ”Enter the product”,
   maxPopupItems: 4
});
For (var i = 0; i<aData.lenght; i++){
   uiElement.addItem(new sap.ui.core.ListItem(
      {text: aData[i].name}));
}

टेबल कंट्रोल बॉक्स

यह sap.ui.table से लिया गया है और प्रत्येक तालिका में कॉलम हैं।

Var oTable = new sap.ui.table.Table({
   Columns: [
      New sap.ui.table.Column({
         Label: new sap.ui.commons.lable({ text: “First Column”}),
         Template: new sap.ui.commons.TextView({ text: “{Firstcolumn}” }),
         Width: “120px”
      })