0
전문가,XML보기의 동적 ID
확장 된 Fiori 앱에서 XML 뷰에 동적 ID를 선언해야합니다. Item 값을 기반으로 이미지 src를 설정해야하기 때문에 필요합니다.
이런 식으로 할 방법이 있습니까?
<Image id="myImage{MyModelProperty}" />
감사합니다, 앙드레
A
답변
2
계산 된 필드가 귀하의 요구 사항을 제공합니다.
1. 부트 스트랩 구성에 플래그를 설정하십시오 (data-sap-ui-xx-bindingSyntax="complex"). 세부 사항은 here
입니다. 2. 컨트롤러 js에서 포맷터 기능을 정의하십시오.
imageFormatter : function(value) {
var imageSrc = "myImage" + value;
return imageSrc;
}
3.Declare
<Image src="{path:'MyModelProperty',formatter:'.imageFormatter'}"/>
을 다음과 같이 XML 뷰의 이미지는 문제를 해결할 수 바랍니다.
1
지금까지 내가 ID가 모델 속성에서 구축 할 수 없습니다 알다시피. 왜 이미지의 ID를 src 속성 대신 작성 하시겠습니까? 이미지 ID의 고유성을 확인하려면 프레임 워크에서 처리하도록하십시오.
src 속성을 모델 바인딩에 사용하면 기본 모델 속성의 변경 내용이 UI에 즉시 적용됩니다. 모델 인스턴스에서 setProperty("MyModelProperty", "new_image_postfix")으로 전화하면됩니다.
짧은 버튼과 예과 텍스트 바인딩 것 :
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
<script src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
data-sap-ui-libs="sap.ui.commons"
data-sap-ui-theme="sap_goldreflection">
</script>
<script type="text/javascript">
var oModel = new sap.ui.model.json.JSONModel();
oModel.setData({txt: "Sample"});
sap.ui.getCore().setModel(oModel);
var oButton = new sap.ui.commons.Button({id:"testBtn", text:"{/txt}", press:function(oEvent) { oModel.setProperty("/txt", "SampleUpdated") } });
oButton.placeAt("content");
</script>
</head>
<body class="sapUiBody" role="application">
<div id="content"></div>
</body>
</html>