How to clear input field value on back

Question

Hi All,
I have developed an application, in which user put sales order on first page and press a button then its detail display on second page using restAPI. Now when I press back button on second page then it takes me to first page with holding previous sales order value in input field. And when I change its value and press that button again then it shows me previous sales order detail.
Please suggest me, how to refresh cache and input fields value on back button?
Thanks & Regards
Shubhanshu

Answer 1

Hi Viren,
My code is,
First view
sap.ui.jsview("uitest2.first", {
  getControllerName : function() {
  return "uitest2.first";
  createContent : function(oController) {
  var text = new sap.m.Label({
        text: 'Dealer Code',
       layoutData: new sap.m.FlexItemData({alignSelf: sap.m.FlexAlignSelf.Center })
  var input =  new sap.m.Input("CUSTOMER",{
        type: sap.m.InputType.Text,
      placeholder: 'Enter Dealer code...',
      layoutData: new sap.m.FlexItemData({growFactor: 1, alignSelf: sap.m.FlexAlignSelf.Center}) 
  var Dealer = new sap.m.HBox({ 
            items:[  text,input
//                   new sap.m.Label({
//                   text: 'Dealer Code'
//                   new sap.m.Input("CUSTOMER",{
//                   type: sap.m.InputType.Text,
//                   placeholder: 'Enter Dealer code...'
                   height : "6em"
      var button = new sap.m.Button({
           text: "Submit",
           press: function(oEvent) {
              oController.loadData();
              app = sap.ui.getCore().byId("myApp");
              app.to("idsecond1");//, sap.ui.getCore().byId("CUSTOMER").getValue());
           layoutData: new sap.m.FlexItemData({alignSelf: sap.m.FlexAlignSelf.Center}) 
      return new sap.m.Page({
     title: "Sales Dealer Info",
     content: [ Dealer,button
First controller
sap.ui.controller("uitest2.first", {
    loadData: function() {      
        var oParameters = ({
        "CUSTOMER" : sap.ui.getCore().getElementById('CUSTOMER').getValue(),    
         console.log(oParameters);
         var url = "http://###########:8000/sap/bc/zrst_customer?sap-client=800/";
         var oModel = new sap.ui.model.json.JSONModel();
         $.ajax({             
         url : url ,
         dataType : "jsonp",
         type : "POST",
         data: oParameters,
         success: function(data,textStatus,jqXHR) {
         data = JSON.parse(data);
                 console.log(data);   
                 oModel.setData(data);
         sap.ui.getCore().setModel(oModel);
Second View
sap.ui.jsview("uitest2.second", {
  getControllerName : function() {
  return "uitest2.second";
  createContent : function(oController) {
  var oTable = new sap.m.Table("table",{
       headerText: "Dealer data",
       columns: [
         new sap.m.Column({
           header: new sap.m.Label({text: "NAME"}),
  demandPopin  : true,
  minScreenWidth : "Tablet",
         new sap.m.Column({
           header: new sap.m.Label({text: "CITY"}),
  demandPopin  : true,
  minScreenWidth : "Tablet",
         new sap.m.Column({
           header: new sap.m.Label({text: "COUNTRY"}),
  demandPopin  : true,
  minScreenWidth : "Tablet",
         new sap.m.Column({
           header: new sap.m.Label({text: "COUNTRYISO"}),
  demandPopin  : true,
  minScreenWidth : "Tablet",
         new sap.m.Column({
          header: new sap.m.Label({text: "STREET"}),
  demandPopin  : true,
  minScreenWidth : "Tablet",
         new sap.m.Column({
          header: new sap.m.Label({text: "PST_CODE"}),
  demandPopin  : true,
  minScreenWidth : "Tablet",
         new sap.m.Column({
          header: new sap.m.Label({text: "TELEPHONE"}),
  demandPopin  : true,
  minScreenWidth : "Tablet",
         new sap.m.Column({
          header: new sap.m.Label({text: "EMAIL"}),
  demandPopin  : true,
  minScreenWidth : "Tablet",
       items: {
       path: "/KEY",
       template: new sap.m.ColumnListItem({
       cells: [
               new sap.m.Text({                              //new sap.m.ObjectIdentifier
               text: "{NAME}"
               new sap.m.Text({
               text: "{CITY}"
               new sap.m.Text({
               text: "{COUNTRY}"
               new sap.m.Text({
               text: "{COUNTRYISO}"
               new sap.m.Text({
               text: "{STREET}"
               new sap.m.Text({
               text: "{PST_CODE}"
               new sap.m.Text({
               text: "{TELPHONE}"
               new sap.m.Text({
               text: "{EMAIL}"
  return new sap.m.Page({
  title: "Dealer Info",
  showNavButton: true, 
  navButtonTap:function(){ 
  app = sap.ui.getCore().byId("myApp"); 
  app.to("idfirst1"); 
  sap.ui.getCore().getElementById('CUSTOMER').setValue("");
  oModel.refresh();
  content: [ oTable
Index.htm
<!DOCTYPE HTML>
<html>
  <head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <script src="resources/sap-ui-core.js"
  id="sap-ui-bootstrap"
  data-sap-ui-libs="sap.m,sap.ui.commons"
  data-sap-ui-theme="sap_bluecrystal">
  </script>
  <!-- only load the mobile lib "sap.m" and the "sap_mvi" theme -->
  <script>
  sap.ui.localResources("uitest2");
  var app = new sap.m.App("myApp",{initialPage:"idfirst1"});
  var page = sap.ui.view({id:"idfirst1", viewName:"uitest2.first", type:sap.ui.core.mvc.ViewType.JS});
  var page1 = sap.ui.view({id:"idsecond1", viewName:"uitest2.second", type:sap.ui.core.mvc.ViewType.JS});
  app.addPage(page).addPage(page1);
  app.placeAt("content");
  </script>
  </head>
  <body class="sapUiBody" role="application">
  <div id="content"></div>
  </body>
</html>
Thanks
Shubhanshu