[H5]详情页代码示例

October 28, 2020

Author: 张皓帆、傅腾

隐藏按钮

// 按钮组，
// 112代表第二页，第二个tabview的第三个tab下的快捷操作菜单
//（第一个的index是0）
let shortcutgroup112 = new xsyrpa.ButtonGroupExtensionPoint("....shortcut#*#buttonGroup1_1_2");
// 快捷操作的删除按钮
let shortcutdelete = new xsyrpa.ButtonExtensionPoint("....shortcut#*#deleteCustomize");

// 快捷操作按钮组加载完毕后
shortcutgroup112.on('detailButtonGroupLoaded', () => {
    // 隐藏删除按钮
    shortcutdelete.setVisible(false)
})

重命名按钮

shortcutgroup112.on('detailButtonGroupLoaded', () => {
    // 重命名删除按钮
    shortcutdelete.setText('删！')
})

添加/删除一个自定义按钮

例子：在详情页 第二页上，从上到下第二个tabview的 第三个tab下 的快捷操作菜单 里 添加一个自定义啊按钮。点击按钮时，删除该按钮。

// 按钮组，
// 112代表第二页，第二个tabview的第三个tab下的快捷操作菜单
//（第一个的index是0）
let btngroup112 = new xsyrpa.ButtonGroupExtensionPoint("....shortcut#*#buttonGroup1_1_2");

// 快捷操作按钮组加载完毕后
btngroup112.on('detailButtonGroupLoaded', () => {

    // 添加一个按钮，id: abc，文本: halo
    btngroup112.addButton({extId: "abc", text:"halo"}).then(btn => {

        // 这里promise返回的btn即为新建的按钮
        // 点击按钮时

        btn.on('onClick', () => {
            console.log('clicked')
            
            // 根据extId删除按钮
            btngroup112.removeButton('abc')
        })
    })
})

注意，removeButton只能删除rpa添加的自定义按钮。