Sapui5 图像加载问题_Sapui5 - Fatal编程技术网

Sapui5 图像加载问题

sapui5

Sapui5 图像加载问题,sapui5,Sapui5,我正在页面中显示一张图片表 var oTemp = new sap.m.ColumnListItem({ vAlign: "Middle", cells: [ new sap.m.VBox({ items: [ new sap.m.Image({ src: {

我正在页面中显示一张图片表

    var oTemp = new sap.m.ColumnListItem({
            vAlign: "Middle",
            cells: [
                new sap.m.VBox({
                    items: [

                        new sap.m.Image({
                            src: {
                                path: "myModel>ImageLink",

                            },

                            densityAware:false,
                            decorative: false,
                         error: function(oEvent) {
                            this.setSrc(oEvent.getSource().getProperty("src"));

                            }
                        })
                    ]
                })
            ]
        });
        otable.bindItems({
            path: "myModel>/Images",
            template: oTemp
        });

xml中的znd

            <m:Table id="imageTable">

                                <m:headerToolbar>
                                    <m:OverflowToolbar>
                                        <m:Title text="some text"/>
                                    </m:OverflowToolbar>
                                </m:headerToolbar>
                                <m:columns>
                                <m:Column>
                                </m:Column>
                                </m:columns>
                               </m:Table>

它总是进入错误函数，尽管在调试器中图像是l，但一旦我在其他地方打开图像，图像就会被完美加载

这会有帮助吗

如果图像das不存在，则尝试在错误处理功能中显示丢失的图像。我建议在错误处理函数中显示默认图像。@Medera我试图在错误处理函数中显示它，但它也没有显示，实际上显示了一个丢失的图像图标。问题是我不明白为什么它没有加载。。。我的意思是，当你试图打开其他窗口的链接，它的工作！这甚至可能不是一个ui问题。当您尝试在WebIDE环境中显示图像时，可能会失败。但是，如果您将应用程序部署在网关上，那么网关可以与映像服务器通信—它可能已经工作了。感谢您的回复我尝试过这样做，但也不起作用—始终显示缺少的映像图标：但我认为正如Medera所说，可能是映像服务器通信有问题

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JS Bin</title>
    <script 
            src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" 
            id="sap-ui-bootstrap" 
            data-sap-ui-theme="sap_bluecrystal" 
            data-sap-ui-xx-bindingSyntax="complex" 
            data-sap-ui-libs="sap.m"></script>
    <style type="text/css">
      .sapMObjLTitle {
        cursor: pointer;
      }
    </style>

    <!-- XML-based view definition -->
    <script id="oView" type="sapui5/xmlview">
    <mvc:View height="100%" controllerName="myView.Template"
      xmlns:core="sap.ui.core"
      xmlns:mvc="sap.ui.core.mvc"
      xmlns:m="sap.m">
      <m:Table id="imageTable">
        <m:headerToolbar>
          <m:OverflowToolbar>
            <m:Title text="some text" />
          </m:OverflowToolbar>
        </m:headerToolbar>
        <m:columns>
          <m:Column>
          </m:Column>
        </m:columns>
      </m:Table>
      </mvc:View>
    </script>

    <script>
      sap.ui.define([
        'jquery.sap.global',
        'sap/ui/core/mvc/Controller',
        'sap/ui/model/json/JSONModel',
        'sap/m/ColumnListItem',
        'sap/m/VBox',
        'sap/m/Image'
      ], function(jQuery, Controller, JSONModel, ColumnListItem, VBox, Image) {

        return Controller.extend("myView.Template", {
          onInit: function(oEvent) {
            var oView = this.getView();
            var oTable = oView.byId("imageTable");

            oTable.bindItems({
              path: "myModel>/Images",
              template: new ColumnListItem({
                vAlign: "Middle",
                cells: new sap.m.VBox({
                  items: new Image({
                    src: '{myModel>ImageLink}',
                    densityAware:false,
                    decorative: false
                  })
                })
              })
            });


            oView.setModel(new JSONModel({
              Images: [{
                ImageLink: "https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"
              }]
            }), "myModel");
          }
        });
      });


      var oView = sap.ui.xmlview({
        viewContent: jQuery('#oView').html()
      });

      oView.placeAt('content');


    </script>

  </head>
  <body class="sapUiBody">
    <div id='content'></div>
  </body>
</html>