Dynamic CRM 2013學習筆記（十六）用JS控制Tab可見，可用

一個Form裏常常會有好幾個Tab，有時要根據一些條件設置哪些Tab可用，可見。下面就介紹下如何用JS對Tab進行控制。

1. 控制可見

 

function setTabVisableByName(tabName, flag) {
    var control = Xrm.Page.ui.tabs.get(tabName);
    control.setVisible(flag);
}

這裏flag是true或false

 

2. 控制可用

看了上面的可見代碼，是否是覺得可用也這麼簡單呢？其實咱們把上面的setVisible改爲setDisabled，會報錯：

control.setDisabled is not a function

 

先看下Xrm.Page 的對象層次結構：

能夠看到 tabs –> sections –> controls 這個層次結構。

因而就寫了下面的代碼：

 

function disableTab(tabName, flag) {
    debugger;
    var sections = Xrm.Page.ui.tabs.get(tabName).sections.get();
    for (var j in sections) {
        var controls = sections[j].controls.get();
        for (var i in controls) {
            var control = controls[i];
            var controlType = control.getControlType();
            if (controlType != "iframe" && controlType != "webresource" && controlType != "subgrid") {
                if (control != null && control.getDisabled() == !flag) {
                    control.setDisabled(flag);
                }
            }
        }
    }
}

 

其中有一行是判斷control的類型：

if (controlType != "iframe" && controlType != "webresource" && controlType != "subgrid") {

這行代碼是後來加上的，由於當時出現了一個很奇怪的現象，新建或查看記錄時，沒問題，但新建保存時老是會報這個錯誤：

control.setDisabled is not a function

加上這行後就ok了，這個問題當時花了我好長時間。

 

若是是要把整個form都禁用呢，能夠用下面的代碼，更簡潔：

Xrm.Page.ui.controls.forEach(function (control, index) {
        var controlType = control.getControlType();
        if (controlType != "iframe" && controlType != "webresource" && controlType != "subgrid")) {
            control.setDisabled(flag);
        }
    });

Dynamic CRM 2013學習筆記 系列彙總