2017-09-26 114 views
0

我想根据复选框标志激活输入字段。输入字段没有被激活。请帮忙。 下面是视图和组件的片段。根据SAPUI5中的复选框标志激活输入字段

查看------------------------------------------

<mvc1:View 
    controllerName="sap.ui.demo.wt.controller.App" 
    xmlns="sap.m" 
    xmlns:mvc1="sap.ui.core.mvc1"> 

<CheckBox id="ch1" text="Test" selected="false" select ="checkDone" enabled="true" /> 

<Input id="i1" enabled="false"></Input> 

</mvc1:View> 

控制器---------------------------------------

sap.ui.define([ 
        "sap/ui/core/mvc/Controller" 
       ], function (Controller) { 
        "use strict"; 
        return Controller.extend("sap.ui.demo.wt.controller.App",{ 
         checkDone: function (oEvent) { 
          var check = oEvent.getParameter("selected"); 
          if (check === true){ 
          sap.m.Input({id:"i1", 
           enabled:"true", 
           label: "Amount", 
           textAlign: sap.ui.core.TextAlign.Right, 
           value: "INR" 
          }); 
          }else { 
           return ""; 
          } 
         } 
        }); 
       }); 

回答

-2
   checkDone: function (oEvent) { 
       var check = oEvent.getParameter("selected"); 
        if (check){ 
        this.getView().byId("i1").setEnabled(true); 
       }else{ 
        this.getView().byId("i1").setEnabled(false); 
       } 
       } 

检查与上面的代码

对于占位内部输入

这不是首选方式,但...

<Input id="i1" enabled="false" class="placeholder"></Input> 

onAfterRendering : function(){ 
    $(".placeholder .sapMInputBaseInner").attr("placeholder", "Your placeholder Text"); 
} 
+0

@santosh,谢谢,我也想在像名称1,地址1的输入字段中添加一些默认值,以这样的方式,一旦用户开始写,默认值被自动省略。这方面的任何线索? – Jim

+0

用你的查询更新了答案,如果你的要求标记正确 – santhosh

+0

@santosh,你是指组件文件将如下所示? 功能(控制器){ “use strict”; return Controller.extend(“sap.ui.demo.wt.controller.App”,{ checkDone:function(oEvent){ var check = oEvent.getParameter(“selected”); if(check === true ){ this.getView()byId( “I1”)的setEnabled(真); \t \t \t \t onAfterRendering:。函数(){$ ( “占位符.sapMInputBaseInner ”)ATTR(“ 占位符”,“您的占位符Text“); } } else { this.getView()。byId(”i1“)。setEnabled(false); – Jim

1

您可以从输入字段中enbaled属性绑定到复选框的模型值。然后,如果您选中该复选框,它会自动启用/禁用输入字段。

事情是这样的:

<CheckBox id="ch1" text="Test" selected="false" select ="checkDone" value="{someModel>/enabledValue}" enabled="true" /> 

<Input id="i1" enabled="{someModel>/enabledValue}"></Input> 
相关问题