自定义控制SAP UI5中的事件处理

时间:2017-12-15 16:42:10

标签: javascript jquery sapui5 custom-controls

在我的SAP UI5应用程序中,我希望创建一个类似于http://jsfiddle.net/darkajax/MbR6c/

的3状态切换开关

我有一张桌子,在桌子的每一行中都必须存在这些切换开关。

我想最好的方法是创建一个自定义控件并进行渲染。它工作正常。但是,在点击任何切换开关状态时,我希望调用父控制器。我无法调用自定义控件的事件:

function(Control, Button) {
    return Control.extend("svm.customControl.toggleSwitch", {
        metadata: {
            properties: {
                A: {
                    type: "String"
                },
                B: {
                    type: "String"
                },
                C: {
                    type: "String"
                }
            },
            aggregations: {},
            events: {
                changes: {
                    enablePreventDefault: true
                }
            }
        },
renderer: function(oRm, oControl) {
    oRm.write(
    '<div class="switch-toggle switch-3 switch-candy"> 
        <input id=' + oControl.getA() + ' name="state_' + 
             oControl.getA() + '" type="radio" 
                  onclick='oControl.fireChanges +'> 
              <label for=' + oControl.getNone() + '>None</label>
        <input id=' + oControl.getB() +' name="state_' + 
              oControl.getB() + '" type="radio"> <label for=' + 
                     oControl.getB() +
                    ' onclick="">Viewer</label>>/div><div>
         <input id=' + oControl.getC() + ' name="state_' + oControl.getA() +
                    '" type="radio"> <label for=' + oControl.getC() + ' onclick="">Owner</label> <a></a></div>'
                );

            },

我知道上面的渲染器并不是很好看,但从上面的杂乱中看,重要的是:

<input id=' + oControl.getA() + ' name="state_' + 
             oControl.getA() + '" type="radio" 
                  onclick='oControl.fireChanges +'> 

我希望调用此事件,但它不会调用它。得到错误:

  

未捕获的SyntaxError:意外的令牌}

并检查错误行:

  

(function(event){function})

只是想知道有没有办法调用这些事件?

1 个答案:

答案 0 :(得分:1)

为什么要创建自定义控件? sap.m.SegmentedButton有什么问题?