如何解决如何在Javascript Sweet Alert中的表中显示数据
我想在SweetAlert表中显示错误。现在,错误以SweetAlert而不是以表格形式显示。我已经在SweetAlert中创建了一个表,但是我不知道如何在sweetAlert中显示这些错误。使用开关盒显示错误。
if (!app.validator) {
console.log('Starting Validation');
let model = app.project.models[0]
var errorss = []
for (let diagram of model.diagrams) {
for (let element of diagram.elements) {
const s = element.state;
let prefix = `${diagram.name}(${diagram.type}) > ${s.name}:`;
switch (s.type) {
case 'InitialNode':
if (s.outgoing.length === 0) {
errorss.push(prefix + s.type + `<p style="color:lightblue;"> Initial Node is not used </p>`)
// console.warn(`${prefix} Initial Node is not used`);
}
break;
case 'ActivityFinalNode':
if(s.incoming.length === 0){
errorss.push(prefix + s.type + `<p style="color:lightblue;"> Initial Final Node is not used </p>`)
}
break;
case 'FlowFinalNode':
if(s.incoming.length === 0){
errorss.push(prefix + s.type + `<p style="color:lightblue;">Flow Final Node is not used</p>`)
}
break;
case 'ControlFlow':
if(s.target == null){
errorss.push(prefix + s.type + `<p style="color:lightblue;">Control flow target not set</p>`)
// console.error(`${prefix} Control flow target not set`);
}
if(s.source == null){
errorss.push(prefix + s.type + `<p style="color:lightblue;">Control flow source not set</p>`)
// console.error(`${prefix} Control flow source not set`);
}
break;
case 'ObjectFlow':
if(s.target == null){
errorss.push(prefix + s.type + `<p style="color:lightblue;">Object flow target not set</p>`)
// console.error(`${prefix} Object flow target not set`);
}
if(s.source == null){
errorss.push(prefix + s.type + `<p style="color:lightblue;">Object flow source not set</p>`)
// showAlert(prefix + s.type + ` Object flow source not set`)
// return;
// console.error(`${prefix} Object flow source not set`);
}
break;
case 'CallBehaviorAction':
//TODO
break;
case 'ValueSpecificationAction':
console.log('error log');
if (typeof (s.value) == 'undefined' || typeof (s.valueType) == 'undefined') {
// showAlert(prefix + s.type + ` Type/Value is undefined`)
// return;
// console.warn(`${prefix} Type/Value is undefined`);
} else if (s.valueType === 'LiteralBoolean' && !/^(true|false)$/.test(s.value)) {
// showAlert(prefix + s.type + `is not a LiteralBoolean value`)
// return;
// console.error(`${prefix} '${s.value}' is not a LiteralBoolean value`);
} else if (s.valueType === 'LiteralInteger' && !/^-?\d+$/.test(s.value)) {
// showAlert(prefix + s.type + `is not a LiteralInteger value`)
// return;
// console.error(`${prefix} '${s.value}' is not a LiteralInteger value`);
} else if (s.valueType === 'LiteralNull' && !/^$/.test(s.value)) {
// showAlert(prefix + s.type + `is not a LiteralNull value`)
// return;
// console.error(`${prefix} '${s.value}' is not a LiteralNull value`);
} else if (s.valueType === 'LiteralReal' && !/^-?\d*\.?\d+([eE][-]?\d+)?$/.test(s.value)) {
// showAlert(prefix + s.type + `is not a LiteralReal value`)
// return;
// console.error(`${prefix} '${s.value}' is not a LiteralReal value`);
} else if (s.valueType === 'LiteralString' && !/.*/.test(s.value)) {
// showAlert(prefix + s.type + `is not a LiteralString value`)
// return;
// console.error(`${prefix} '${s.value}' is not a LiteralString value`);
} else if (s.valueType === 'LiteralUnlimitedNatural' && !/^(\d+|\*)$/.test(s.value)) {
// showAlert(prefix + s.type + `is not a LiteralUnlimitedNatural value`)
// return;
// console.error(`${prefix} '${s.value}' is not a LiteralUnlimitedNatural value`);
} else {
if (s.outputPins[0].state.outgoing.length === 0) {
// showAlert(prefix + s.type + `The specified value ${s.value} is not use`)
// return;
// console.warn(`${prefix} The specified value ${s.value} is not used`);
}
}
break;
case 'Class':
if (!s.isActive && s.receptions.length > 0) {
// console.error(`${prefix} ${s.type} has at least 1 signal reception but has 'isActive' set to false.`);
}
break;
}
}
}
if (errorss.length != 0) {
var errorMsg = ''
for (let err of errorss) {
errorMsg += '* ' + err + ' <br> '
}
showAlert(errorMsg)
return
}
}
setTimeout(() => {
Swal.fire({
text: 'Validation completed',icon: 'success',confirmButtonText: 'Close',})
},5000);
};
在“甜蜜提醒”中显示。 (表中的数据只是随机的)
function showAlert() {
Swal.fire({
html: `<table id="table" border=1>
<thead>
<tr>
<th>Errors</th>
<th>Info</th>
<th>Warning</th>
<th>Message</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Dakota Rice</td>
<td>$36,738</td>
<td>Niger</td>
</tr>
<tr>
<td>2</td>
<td>Minerva Hooper</td>
<td>Curaçao</td>
<td>Sinaai-Waas</td>
</tr>
<tr>
<td>3</td>
<td>Sage Rodriguez</td>
<td>$56,142</td>
<td>Netherlands</td>
</tr>
<tr>
<td>4</td>
<td>Philip Chaney</td>
<td>$38,735</td>
<td>Overland Park</td>
</tr>
`,
图标:“警告”,
ConfirmButtonText:“关闭”,
})
}版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。