Wie exportiere ich Informationen und füge sie zu AngularJS-Tabellen hinzu? Ich werde Ihnen in ein paar Minuten den Prozess des Exportierens von Nachrichten aus AngularJS-Tabellen erläutern

In diesem Artikel geht es hauptsächlich um das Problem des Hinzufügens zusätzlicher Informationen zum AngularJS-Tabellenexport. Ich hoffe, dass dieser Artikel nützlich sein wird Alle zusammen. Schauen wir uns nun gemeinsam diesen Artikel an .

Dies ist die Anforderung des Benutzers. Wenn eine Organisation eine Kalibrierung von Instrumenten beantragt, kann sie die Kalibrierung mehrerer Instrumente gleichzeitig beantragen Das Personal der technischen Agentur erhält das ausgedruckte Formular. Wenden Sie sich zur Überprüfung an die Abteilung. Das Formular sollte daher die Formularinformationen des Geräts sowie die antragstellende Einheit, die Kontaktnummer und andere Informationen enthalten.

Ich habe gerade das offizielle Dokument gelesen. Ohne die Verwendung des ursprünglichen Befehls zu beeinträchtigen, können wir einen optionalen Excel-Parameter festlegen. Wenn dieser Parameter übergeben wird, wird er am Kopf der Tabelle platziert Wenn es nicht übergeben wird, ist es mit der ursprünglichen Anweisung kompatibel und die Tabelle wird gemäß der ursprünglichen Methode ausgegeben. (Wenn Sie mehr sehen möchten, besuchen Sie die chinesische PHP-Website

AngularJS-Lernhandbuch

, um mehr zu erfahren.) Der Befehl ist perfektioniert

Der Befehl fügt einen Parameter hinzu

, und der Bindungsmodus fügt

hinzu, was darauf hinweist, dass das Attribut optional ist

scope: {
    extraData: '=?',            // = 双向绑定，？表示该属性可选
    tableId: '@',               // 表格id
    exportCols: '@',            // 表格导出的列数，为了解决编辑删除按钮的问题，如果全部导出会将编辑删除的代码一并导出
    multipleRowCols: '@',       // 表格中有效数据跨行的列数，添加空，用于显示跨行效果
    noMultipleRowCols: '@',     // 整个表格中不跨行的列数，用户判断该行为正常行还是跨行行
    csvName: '@'                // 导出表格名称
}

extraDataDatenstrukturdesignDa alle zusätzlichen Informationen, die hinzugefügt werden sollen, in einem Element übergeben werden müssen, am besten Die Datenstruktur sollte hier sein .

// 如果传入了extraData的话，表示有额外的数据，添加到表格头
if (scope.hasOwnProperty('extraData')) {
    // foreach传入的map
    scope.extraData.forEach(function(value, key) {
        // 对于null/undefined的数据采用空字符替换
        let tempValue = value ? value : '';
        // 拼接到数据中
        csvString = csvString + key + "," + tempValue + "\n";
    });
}

durchläuft

, verbindet Schlüssel-Wert-Paare und fügt bei jeder Schleife eine neue Zeile hinzu. extraData?Build

// 生成额外的数据信息，用于Excel导出使用
self.generateMapForExcelExtraData = function() {
    var map = new Map();
    map.set('申请日期', $filter('date')($scope.work.apply.applyTime));
    map.set('申请单位', $scope.work.apply.department.name);
    map.set('申请人', $scope.work.apply.createUser.name);
    map.set('联系电话', $scope.work.apply.createUser.mobile);
    map.set('检定场所', $scope.work.apply.checkPlace);
    map.set('申请备注', $scope.work.apply.remarks);
    map.set('申请ID', $scope.work.apply.id);
    map.set('受理部门', $scope.work.apply.auditingDepartment.name);
    map.set('受理人', $scope.work.apply.auditingUser.name);
    map.set('受理人电话', $scope.work.apply.auditingUser.mobile);
    map.set('计划检定日期', $scope.work.apply.plannedCheckDate);
    map.set('受理备注', $scope.work.apply.replyRemarks);
    $scope.extraData = map;
};

Erfolgseffekt:

Map

Map

Dieser Artikel endet hier ( Wenn Sie möchten Weitere Informationen finden Sie auf der chinesischen PHP-Website MapAngularJS-Lernhandbuch

. Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen

Das obige ist der detaillierte Inhalt vonWie exportiere ich Informationen und füge sie zu AngularJS-Tabellen hinzu? Ich werde Ihnen in ein paar Minuten den Prozess des Exportierens von Nachrichten aus AngularJS-Tabellen erläutern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!