Wenn Sie Reiter bzw. Tabs in Ihrer Lösung anpassen möchten, ist es dabei wichtig, einige Dinge zu berücksichtigen, damit die Updatefähigkeit Ihres Templates nicht eingeschränkt wird. Wir erklären hier, wie Sie am besten vorgehen.


Beschreibung

Überschreiben der "BuildTabs Methode" aus dem Template in einer zusätzlichen JavaScript-Spalte.

SharePoint Formular Tabs erweitern


Voraussetzungen / Prerequisites

Sie benötigen eine zusätzliche JavaScript-Spalte in der Liste oder dem ContentType des Templates.
(Suchen Sie hierfür nach "neues JavaScript-Feld erstellen".)

Die Sortierung der Spalten muss vorab konfiguriert werden .
(Suchen Sie hierfür nach "Spaltensortierung sortieren".)

Alle Felder die in einem Tab dargestellt werden sollen, müssen hintereinander folgen.


Syntax / Source Code

function CustomBuildTabs() {
$t().BuildTabs({
    configuration: [{
        'Title': 'Applicant Details',
        'First_InternalName': 'Applicant',
        'Visible': 'False',
        'Last_InternalName': 'Subject_x0020_of_x0020_specialis'
    }, {
        'Title': 'Details',
        'HideIn': ['EditForm', 'NewForm'],
        'Disable': 'True',
        'First_InternalName': 'Submit_x0020_timestamp',
        'Last_InternalName': 'Application_x0020_status'
    }, {
        'Title': 'Submit',
        'HideIn': ['DispForm'],
        'First_InternalName': 'Submit',
        'Last_InternalName': 'Submit'
    }],
    selectFunction: function (event, ui) {
        if (!$t().IsDispForm()) {
            return validateTab(ui);
        }
    },
    showNextButton: true
});
}

 

 

Beispiele / Examples

$t(document).ready(function () {
    CustomBuildTabs();
});
function CustomBuildTabs() {
$t().BuildTabs({
    configuration: [{
        'Title': 'Applicant Details',
        'First_InternalName': 'Applicant',
        'Visible': 'False',
        'Last_InternalName': 'Subject_x0020_of_x0020_specialis'
    }, {
        'Title': 'Details',
        'HideIn': ['EditForm', 'NewForm'],
        'Disable': 'True',
        'First_InternalName': 'Submit_x0020_timestamp',
        'Last_InternalName': 'Application_x0020_status'
    }, {
        'Title': 'Submit',
        'HideIn': ['DispForm'],
        'First_InternalName': 'Submit',
        'Last_InternalName': 'Submit'
    }],
    selectFunction: function (event, ui) {
        if (!$t().IsDispForm()) {
            return validateTab(ui);
        }
    },
    showNextButton: true
});
}