每日热文：SweetAlert让消息弹出窗口更加具有个性化！

手机

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

每日热文：SweetAlert让消息弹出窗口更加具有个性化！

2023-01-03 14:58:55 来源：博客园

SweetAlert

SweetAlert是指可对JavaScript标准功能alert()和confirm()进行个性化定制的库。

(资料图)

SweetAlert的要点

官网上有很多示例，看了这些基本上就OK了。但是，在低代码平台kintone上使用时，【弹出消息后更新页面】这个处理只参照示例来写的话，一开始有些人应该会误以为是同步处理，慢慢发现不对劲（因为原本的alert函数也是同步处理）。看完示例后才发现需要异步处理（回调）。但却没有提供这个最基本的代码范例。因此，本次通过使用记录详情页面显示时的事件中的REST API来更新记录的示例向大家介绍一下。

准备kintone应用

今天要讲的范例是：打开记录详情页面时，根据出生年月日计算出年龄，并且根据需要更新字段值。请创建一个应用，里面包含以下字段。

字段名称（例）	字段代码	字段类型
出生年月日	birthday	日期
年龄	age	数值、单行文本框等

(function(){"usestrict";kintone.events.on(["app.record.detail.show"],function(event){varrecord=event.record;//设置添加记录时的年龄varexisting_age=parseInt(record["age"]["value"],10);if(record["birthday"]["value"]!=null){//根据出生年月日计算//refertohttps://msdn.microsoft.com/en-us/library/ie/ee532932%28v=vs.94%29.aspxvarbirthday=newDate(record["birthday"]["value"]);vartoday=newDate();varyears=today.getFullYear()-birthday.getFullYear();birthday.setFullYear(today.getFullYear());if

(todayyears--;}varreal_age=years;//如果记录中已有的年龄和计算出来的年龄不一致，则更新记录if(existing_age!==real_age){varparams={app:kintone.app.getId(),id:kintone.app.record.getId(),record:{age:{value:real_age}}};kintone.api(kintone.api.url("/k/v1/record",true),"PUT",params,function(resp){/*使用alert()时的写法**alert("更新年龄。");*location.reload(true);**///使用sweetAlert时的写法swal({title:"更新年龄。",text:"重载页面。",icon:"success",button:"OK"}).then(function(){//关闭对话框后的处理location.reload(true);});},function(resp){//报错时提示错误信息varerrmsg="更新记录时出错了。";//如果应答中包含错误信息，则显示错误信息if(resp.message!==undefined){errmsg+=resp.message;}alert(errmsg);});}}returnevent;});})();