Auto tabbing in SAP UI5

Hi Experts,
I need to implement Auto tab functionality in side sap.m Table .
I have two input fields in two colums inside sap.m.table. I have fixed length Value for each input filed ,once I filled first Input field in a row1, next cursor has automatically move to next field.
Once row values are filled it has continue with next row until all columns .
Auto tabbing is possible in jQuery.How to implement it for SAP UI5,could you help me out on this.
Thanks in advance.
product
Quantity
BR
Sitara

Hi Sitara,
You can use the functions of jQuery in SAPUI5.
$(function () {
3
$('.number').autotab('filter','number');
4
$('.number') here .number is the classname.
These links might be helpful.
jQuery Plugin For Auto Tab Form Fields - autotab | Free jQuery Plugins
jQuery autotab examples
Autotab: jQuery auto-tabbing and filter plugin
Regards
Dhananjay

Similar Messages

Query on alerts in SAP UI5

Hello,
Could someone let me know how we can capture the value/text in the alert message in SAP UI5 coding?
I am able to capture the key but not the value.
The requirement is when I navigate from one tab to another within a shell control, I would like to get the text value shown in the alert message.
Best Regards,
Mohit

hi,
Setting up alerts
Setting up alerts in RZ20
Alert Management
https://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/e04141e8-0f11-2a10-adaa-9d97b062c2df
Alert Notification
https://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/90f449a8-a6db-2910-a386-d2b5999f5751
regards

How to build html page into sap ui5.

hi. I have a project in html and xsjs.
Now i want to convert one of the html page to sap ui5.
i install sap ui5 Application in hana studio.
and goto sapui application option.
create project name and select sap.commons libary then i slected view in javascript then i finish wizards.
then it created index.html, view.js.
when we right click on index.html.
a dialog box open and i select team option.
then when i go to share project option its disabled.
so it is th correct way to do it . or i missing something.

Hi,
you have created a SAPUI5 Application Development project in the SAP HANA Development Perspective? The connection to the HANA repository is established (on tab Repositories in the SAP HANA Development Perspective)?
Maybe you can post some further information (e.g. screenshots).
Thx & Regards,
Florian

Can we add new logical system in Entitlement tab in SAP Authentication.

Hi ,
We already Installed and configured sap integration kit and every thing works fine. My question is as of now we connected our sap BW Dev system to BOBJ but we would like to connect to BW Prod System to same BOBJ System. What are the steps we need to follow to do this.
Can we just add the new logical system in entitlement tab of sap authentication in BOBJ 3.1? and import the roles and login to BOBJ USING THE Newly added SYSTEM Credentials. Thanks in Advance.
Thanks,
SK.

Hi Ingo,
Thanks for the information.
Are there any specific steps you need to follow when you are adding one more system to sap authentication. can you please give the steps we need to follow to setup this in right way. Thanks in advance.
Is there any thing we need to configure on sap side other than sap logon ticket parametre. If you can please provide the steps it will be great. Thankyou very much In advance.
Thanks,
SK.
Edited by: Vallabhaneni SK on Jul 14, 2009 8:53 AM

Unable to create a new view for SAP UI5 in NWDS

Hi UI5 Profis,
I'm just getting started with SAP UI5 and wanted to create and run my first application using the UI5 Tools wirh NWDS. After having installed NWDS and the UI5 Tools
I create new SAP ui5 project, but the wizard always run into error, when I want to create new view.
Did someone already have the same issue?
Thanks in advance,
BR,
Berenger

Hi Berenger,
Which is your NWDS version?
It seems there is a bug on view creation with 1.8.8 version:
1814417 - Patched version 1.8.8 of UI Development Toolkit for HTML5
http://service.sap.com/sap/support/notes/1814417
Kind regards

How to create interactive map in SAP Visual Business using SAP UI5 SDK

Hi,
Please tell me,
How to create interactive map in SAP Visual Business using SAP UI5 SDK.
Is it possible to create interactive map using VB Control in SAP UI5 SDK..?
if possible please any one let me know.

Hi folks, one question:
We have our development close moved and now it is earlier than originally planned.
That means that we maybe can't finish our convenient API and you have to wait till we will release it - early 2015 is planned.
But there is another option:
Currently we have a API based on json. The developer has to create json and to transfer it to the Visual Business control.
This interface is more used as a low level API and we are developing on top the more convenient one. So all the features are the same.
It will stay stable & compatible in the future and you can build on it.
Do you want to use this interface?
Then I will publish the documentation.
Let me know.
Thanks

SAP UI5 is useful to create a website ?

Hi,
I am planning to learn SAP UI5. I have some doubts in this,
1. Is SAP UI5 is used to create websites ? If yes, we need to use SAP is the backend support (database) for that ?
I mean, we can use HTML to create any kind of websites, SAP UI5 is also works like that?
2. What are the required softwares we need to run SAPUI5 ? Let me know where I can get that softwares?
3. What is River RDE? How/Where we need to use this in SAPUI5 ?
Give me any other suggestions to improve my knowledge on this ....
Thanks in advance.
Regards,
Pavan A.
Message was edited by: Pavan A

Hello,
Have a look into this link, it may helps you.
Get to Know the UI Development Toolkit for HTML5 (aka SAPUI5)
Regards,
Murali Krishna.

CSS styling in xml in sap ui5

Hi All,
I am trying to apply css styles to xml views in sap ui5.
I am successful in changing the font size of a text or changing the color of a label..
But i am not successful in changing the style of number and number unit in Object Header.
<html:style>
      .myFont1 {
         font-size : 15px;
</html:style>
<
<Page
title="{i18n>DetailTitle}"
showNavButton="{device>/isPhone}"
navButtonPress="handleNavButtonPress" >
<ObjectHeader class = "myFont1"
title="{SoId}"
number="LB0406S6GB 2.5 SLC 400GB Flash Drive"
numberUnit="SDLB6S-400G-3103" >
<attributes>
<Page
title="{i18n>DetailTitle}"
showNavButton="{device>/isPhone}"
navButtonPress="handleNavButtonPress" >
<ObjectHeader class = "myFont1"
title="{SoId}"
number="LB0406S6GB 2.5 SLC 400GB Flash Drive"
numberUnit="SDLB6S-400G-3103" >
<attributes>
<ObjectAttribute text="{BuyerName}" />
cc: Chandrashekhar Mahajan

Hi Jose,
Thanks for your reply
I have declared my css style as you had suggested
<html:style>
      .myFont1 .sapMOHNumber{
          font-size : 15px;
</html:style
and have called the css class this way
<ObjectHeader
title="{SoId}"
class = "myFont1.sapMOHNumber" number="LB0406S6GB 2.5 SLC 400GB Flash Drive"
numberUnit="SDLB6S-400G-3103" >
<attributes>
<ObjectAttribute text="{BuyerName}" />
But I am getting an error like :resource sap/ui/demo/myFiori/view/Detail.view.xml could not be loaded from
./view/Detail.view.xml. Check for 'file not found' or parse errors.
Any clue pls?

Auto-tabbing between input text fields in AS3

Hello-
I am having some trouble figuring out how to work auto-tabbing between input text fields when a user inputs a character. I have a series of text boxes with maxChar set to 1, and when the user inputs a character, I would like it to auto-tab to the next one. I'm putting together a crossword-style banner ad so the auto-tabbing will help tremendously. All the input text fields are instanced on the stage as input1, input2, etc; not called in from a custom class. Also, I've been working with AS3 for about 2 weeks lol!
thanks!

Awesome, thank you, that works nicely! Now I need to figure out how to capture individual keyCodes for each input and then come up with a conditional to check for right or wrong answers. I have a "check your answers" button all set up. I think I am almost there, possibly a syntax hiccup for me. Any advice on how to do that would be appreciated.

Table creation in sap ui5

Hi,
I am new at SAP UI5 and i am trying to create a table.
I used the code given on the sap ui5 demokit but when i am running the application the table is not displaying.
can anyone help me with this.
Thanks in advance.
var aData = [
          {lastName: "Dente", name: "Al", gender : "male"},
          {lastName: "Friese", name: "Andy", gender : "female"},
          {lastName: "Mann", name: "Anita", gender : "female"}
//table creation
var oTable = new sap.ui.table.Table({
title: "Guest House list",
visibleRowCount: 3,
firstVisibleRow: 2,
selectionMode: sap.ui.table.SelectionMode.Single,
//column creation
oTable.addColumn(new sap.ui.table.Column({
label: new sap.ui.commons.Label({text: "Last Name"}),
template: new sap.ui.commons.TextView().bindProperty("text", "lastName"),
sortProperty: "lastName",
filterProperty: "lastName",
width: "200px"
oTable.addColumn(new sap.ui.table.Column({
label: new sap.ui.commons.Label({text: "First Name"}),
template: new sap.ui.commons.TextField().bindProperty("value", "name"),
sortProperty: "name",
filterProperty: "name",
width: "100px"
oTable.addColumn(new sap.ui.table.Column({
label: new sap.ui.commons.Label({text: "Gender"}),
template: new sap.ui.commons.ComboBox({items: [
new sap.ui.core.ListItem({text: "female"}),
new sap.ui.core.ListItem({text: "male"})
]}).bindProperty("value","gender"),
sortProperty: "gender",
filterProperty: "gender"
//data collection
var oModel = new sap.ui.model.json.JSONModel();
oModel.setData({modelData: aData});
oTable.setModel(oModel);
oTable.bindRows("/modelData");
//Initially sort the table
oTable.sort(oTable.getColumns()[0]);
oTable.placeAt("table");

Hi Anshul
it should be
press: function() {
   oTable.setVisible(true); // or false
am I right?
-D

Creating a search help with SAP UI5 and js?

Hello com,
I am trying to create a search help, collecting data from a table.
Is there something similar to the typical ABAP search help in SAP UI 5?
ABAP:
PARAMETERS: lv_alias TYPE dsh_alias MATCHCODE OBJECT dashboard_alias_f4,
I found this in the Demo Kit:
// create a simple SearchField
var oSearch = new sap.ui.commons.SearchField("providerSearch", {
        searchProvider: new sap.ui.core.search.OpenSearchProvider({
                suggestType: "json",
                suggestUrl: "/demokit/suggest?q={searchTerms}",
                icon: jQuery.sap.getModulePath("sap.ui.core", '/') + "mimes/logo/txtonly_16x16.ico"
        search: function(oEvent){
                alert("Search triggered: " + oEvent.getParameter("query"));
//attach it to some element in the page
oSearch.placeAt("sample4");
But how can i connect it with the specifiy data table?
Thanks,
Domenik

Hi,
you need to create OData service which will retrieve (search) the required information and then need to create UI5 application to consume it.
you can refer this blog How to Implement Value Help (F4) with SAP UI5 which covers both parts.
if you are having SP08 version of SAP Gateway then creating search help is very simple. refer my blog Creating OData service based on Search Help
Regards,
Chandra

How to Covert PDF! file format into XSTRING format in SAP UI5?

HI All,
I Am ABAPer. I don't have any idea on front end system.
Can any buddy guide me how to convert PDF file into XSTRING or BINARY in SAP UI5 (either it may be XML or Script )?
My requirement is, I have to upload file in SAP-UI5. Those file should upload in back end system (MIME repository (SAP-ECC) or DMS).
I have created below screen for PDF! upload in SAP-UI5.
Below code I have written in SAP gateway system.
* Get MIME repository information
lr_mime_rep = cl_mime_repository_api=>if_mr_api~get_api( ).
* Upload FILE into MIME repository.
lr_mime_rep->put(
   EXPORTING
     i_url                     = p_path
     i_content                 = lv_content
   EXCEPTIONS
     parameter_missing         = 1
     error_occured             = 2
     cancelled                 = 3
     permission_failure        = 4
     data_inconsistency        = 5
     new_loio_already_exists   = 6
     is_folder                 = 7
     OTHERS                    = 8 ).
Back end system required file name with extension and XSTRING(Converted PDF data).
How to convert PDF file into XSTRING or BINARY in SAP-UI5?
Kindly help me on this...

Hi Karthikeyan,
If you have PDF internal table with you, You can follow the below method to upload into Unix directory.
    DATA:file_path TYPE char100 VALUE '/usr/sap/tmp/rep_out.PDF'.
    OPEN DATASET file_path FOR OUTPUT IN BINARY MODE.
    IF sy-subrc EQ 0.
      LOOP AT it_pdf.
        TRANSFER it_pdf TO file_path.
      ENDLOOP.
    ENDIF.
    CLOSE DATASET file_path.
Thanks
Venkat.O

How to Implement Auto tabbing feature in a table region???

Hi All,
I am trying to implement auto tabbing feature in one of my OAF page using java script which is actually working for individual items but
while implementing the same for a table bean its not working. is there any way to implement this feature in OAF without using java script?
if not could anyone give some rough java script for this feature? please this is urgent..
Thanks in advance
Sree

Sree,
check this if it helps ;
https://forums.oracle.com/thread/963732
Not sure we can set Focus in : PFR , I hope it is possible in only PR.
Regards
Sridhar

SAP UI5, MII, & JSON

I've been using jQuery ajax calls to fetch MII JSON data and display it in various ways for some time now when I want to display data in something other than an MII applet. My client wants to transition to using SAP UI5 in their web reports and so I've been doing some prototyping.
I've found that I cannot get a UI5 table to bind to an MII Rowsets result set when the content type is JSON.
Some example code...
// This works fine...
     function buildTableAjax() {
            "use strict";
            var q = miiUtils.miiGet(queryTemplate, {}); // (wrapper function around $.ajax)
            q.done(function (data, status, xhr) {
                var model = new sap.ui.model.json.JSONModel();
                // if I setData to the returned "Rowsets" object I can
                // not figure out a bindRows expression that works so
                // I use the 0th rowset instead
                model.setData(data.Rowsets.Rowset[0]);
                var str = model.getJSON();
                var table = new sap.ui.table.Table({
                    title: "Water Samples",
                    visibleRowCount: 20
                var cols = data.Rowsets.Rowset[0].Columns.Column;
                $.each(cols, function (i, col) {
                    if ($.inArray(col.Name, hideColumns) === -1) {
                        table.addColumn(new sap.ui.table.Column({
                            label: new sap.ui.commons.Label({
                                text: col.Name
                            template: new sap.ui.commons.TextView().bindProperty("text", col.SourceColumn),
                            sortProperty: col.SourceColumn,
                            filterProperty: col.SourceColumn,
                            width: "75px"
                table.setModel(model);
                table.bindRows("/Row");
                table.placeAt("tableHolder");
I know that this isn't the preferred way to do this and I would like to use the whole UI5 stack sometime soon, so I came up with the following.
function buildTableUI5() {
            "use strict";
            var requestUrl = miiUtils.createRequestURL(queryTemplate, {
                "Content-Type": "text/json"
            var model = new sap.ui.model.json.JSONModel();
            var table = new sap.ui.table.Table({
                title: "Water Samples",
                visibleRowCount: 20,
            // maybe add columns based on result set later...
            table.addColumn(new sap.ui.table.Column({
                label: new sap.ui.commons.Label({
                    text: "Description"
                template: new sap.ui.commons.TextView().bindProperty("text", "Description"),
                sortProperty: "Description",
                filterProperty: "Description",
                width: "75px"
            model.attachRequestCompleted(function () {
                // do something with data if required...
                //var str = model.getJSON();
            model.loadData(requestUrl);
            table.setModel(model);
            table.bindRows("/Rowset/Row");
            table.placeAt("tableHolder");
buildTableUI5 will always display "No Data". If I simply change the url's Content-Type to text/xml and change the model type to XMLModel, the function works as expected and data is bound.
I would prefer to use JSON if possible, Can it be done through model.loadData()? What would I put in the bindRows call to get it to work? (The value of the commented out str variable in attachRequestCompleted is the expected json result, so the data is being returned just fine).
Thanks!

Hi Allan,
The data structure changes when your content type is JSON hence you cannot map rowsets/rowset/row structure and get the desired output.
Generally, MII 14.0 onwards is capable of giving JSON result that can be directly mapped to ui5 components.
What is miiUtils.createRequestURL retur ning you here. I suspect a mapping issue here as everything else looks good.
See is below example helps you. This is referring to UI5 Charts but atleast can give you some idea on model and data binding.
Getting started with Viz Charts
Table - SAPUI5 Demo Kit
Best Regards,
Swaroop

Integrating SAP UI5 application in Portal through LPD_Cust gives error

Hi Team,
In our scenario we are calling sap UI5 application in portal through LPD_Cust . We receive error SAP UI5 mobile is not supported in your browser . When we call same application through portal directly it opens properly( In both cases we are using same page and iView).
We have set the property of iview in portal as open in header less window in standard mode.But in Lpd_cust we don't have option of open in standard window.
Is there any work around available which launches application properly.

I think you are experiencing problems thru the document mode of your browser.
The Quirks of Browser Rendering
1) If you are running ldp_cust, you could open the page properties in a new window.
2) set the document mode for the portal: Ajax Framework Page - Portal - SAP Library
iView: Browser Document Mode ( com.sap.portal.BrowserDocumentMode )
This iView adds an X-UA-Compatible header into the framework page that affects the Browser Mode and the Document Mode in Microsoft Internet Explorer. The default value is IE=EmulateIE7 that sets the Browser Mode in Microsoft Internet Explorer to IE7 Compatibility View and the Document Mode toQuirks .
If you are supporting IE9 standards mode, use IE=Edge. Remember that ALL applications in your portal need to support this!
3) See if the problem is the document mode. When you open the SAP UI5 application, press F12 and change the browser mode to Standards.

Auto tabbing in SAP UI5

Similar Messages

Maybe you are looking for