个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我有 Dojo confirmaDialog，我需要在提交表单之前实现一个简单的验证，并防止模式在出现验证错误时关闭。
这就是我现在拥有的:
var followUpDialog = new ConfirmDialog({
title: "Create new follow-up",
content: handleMessageContent(),
style: "width: 730px",
onShow: function() {
modalContainer = this.containerNode;
fillInputFields(modalContainer);
},
onExecute: function () {
if(!this.get("state")) {
handleSubmit();
} else {
// Need something like event.preventDefault here.
}
},
onCancel: function () {
//Do nothing...
}
});
基本上，当按下提交按钮时，我需要在某些条件下不执行任何操作。
最佳答案
当您单击“确定”时Button , onExecute称为 ，最后调用 hide对话框功能。
您可以将自定义代码添加到 Okbutton Click 事件，或者只需覆盖 ConfirmDialog.js并创建您的自定义事件；举例说明
首先覆盖ConfirmDialog:
CustomConfirmDialog = declare([ConfirmDialog],{
postCreate:function(){
this.inherited(arguments);
//check if realy passed parm is a function
if(typeof(this.submitFunction) == "function") {
this.okButton.on("click",lang.hitch(this,function(evt){
if(!this.submitFunction()) evt.preventDefault();
}));
}
}
});
创建您的提交函数:
submit = function(){
//submit code
}
然后，当实例化最后一次时，在选项参数中发送提交函数(此处它作为 submitFunction 名称属性发送):
var followUpDialog = new CustomConfirmDialog({
id:'myDialog',
...
// function of submit
submitFunction:submit,....
....
}
下面是一个工作示例:
require(["dijit/ConfirmDialog", "dojo/_base/declare","dojo/on", "dijit/form/Button","dijit/registry","dojo/_base/lang","dojo/ready"],
function(ConfirmDialog,declare,On,Button,registry,lang,ready){
i=0;
// sample function to submit your form
submit = function(){
//Swap between true and false.
i ? ++i : --i;
return i;
}
// overide ConfirmDialog
CustomConfirmDialog = declare([ConfirmDialog],{
postCreate:function(){
this.inherited(arguments);
//check if realy passed parm is a function
if(typeof(this.submitFunction) == "function") {
this.okButton.on("click",lang.hitch(this,function(evt){
if(!this.submitFunction()) evt.preventDefault();
}));
}
}
});
ready(function(){
registry.byId("btn").on("click",function(e){
followUpDialog.show();
});
// instantiate new custom dialog
var followUpDialog = new CustomConfirmDialog({
id:'myDialog',
title: "Create new follow-up",
content: "content !",
style: "width: 730px",
//send submit function here
submitFunction:submit,
onShow: function() {
//modalContainer = this.containerNode;
//fillInputFields(modalContainer);
},
onExecute: function (e) {
console.log("execute called");
},
onCancel: function () {
//Do nothing...
}
});
})
}
);<script type="text/javascript">
dojoConfig = {isDebug: true, async: true, parseOnLoad: true}
</script>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<link href="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" rel="stylesheet"/>
<body class="claro">
<div data-dojo-type="dijit/form/Button" id="btn"> click me </div>
</body>这里还有一个Fiddle
关于javascript - 如何停止/暂停/覆盖Dojo的confirmDialog隐藏执行？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42067470/
25
4
0
我以前使用 javascript 确认框，现在想切换到 PrimeFaces . 现在是这样工作的: 我如何传递 deleteID参数以防我使用 confirmDialog
在我的 Web 应用程序中，我有一个空闲监视器，如果用户空闲 5 分钟就会触发该监视器。它将打开一个确认对话框，等待 2 分钟；之后它将重定向到登录页面。 要求:我想显示一个倒数计时器，其中包含用户将
我的导航栏工作得很好并且完全负责，但是当我在后台打开确认对话框时，我的导航栏宽度变为 800px 即使屏幕有 1480px 使一个空右侧的空间，就像您在屏幕上看到的那样。 我真的不知道如何修复它，这是
我现在在 tabView 中使用 confirmDialog 时遇到问题。这是我的确认对话框 在第一个 tabView 中，我有一个确认按钮
from javascript
我需要从 JavaScript 显示一个 p:confirmDialog。 我已经尝试过: 我的 JavaScript fun
确认对话框显示两次是什么情况？或者其他方面，确认对话框显示两次是什么原因？ 我有一个简单的对话框模板 private showConfirmDialog() {
确认对话框显示两次是什么情况？或者其他方面，确认对话框显示两次是什么原因？ 我有一个简单的对话框模板 private showConfirmDialog() {
如何禁用 dijit/ConfirmDialog 上的确定按钮？ var lasloLoginFormDialog = new ConfirmDialog({ title: "Login",
我在带有 MyFaces 2.0.2 的 WebSphere Application Server 8 上使用 PrimeFaces 3.2。 我有一个在 Firefox 中运行良好的 confirm
当 中的一行被右键单击， 出现一个删除选项。单击此选项时， 出现两个按钮 Yes和 No - 关于删除当前行的构象警告如下。 有没有办法设置message此
我有 RequestScoped bean，因为我将用户从带有记录的数据表重定向到编辑页面。在此数据表中，我有删除按钮: 这是对话框:
我有 RequestScoped bean，因为我将用户从带有记录的数据表重定向到编辑页面。在此数据表中，我有删除按钮: 这是对话框:
我以非常默认的方式使用 PrimeFaces dataTable 和 rowEditor: ... 我希望在单击 rowEditor 的“检查”按钮时显示一个确认对话框。 我知道
我试图在单击 PrimeFace CommandLink 时打开 PrimeFace 确认对话框。但是，当单击链接时，对话框会打开一会儿，但立即消失，我猜页面正在提交。这是代码:
我试图将 PrimeNg TabView 组件与 confirmDialog 一起使用但没有成功，这是我的代码: ... onTabChange(event){ this.confirma
我想通过支持调用confirmDialog。此代码完美运行，但我如何通过支持设置消息并设置 confirmDialog 的 actionlistener？有两个条件，而: 用户在checkbox上勾选
我有一个 comandButton，它调用一个必须消除用户的 confirmDialog，但它从不调用它的 actionListener 中的方法。 这是代码:
我有一个使用 PrimeFaces 3.0.1 在模态对话框上显示的模态 ConfirmDialog。如果 ConfirmDialog 被打开，整个页面都会被锁定，包括 ConfirmDialog 本
我有一个 Primefaces 数据表，当用户单击一行时，我会在表单中显示要编辑的数据。 如果用户更改表单中的数据并单击任何其他行，即如果有脏数据，我需要弹出一个 confirmDialog 以显示用
我正在尝试将 PrimeNg TabView 组件与 confirmDialog 一起使用，但未成功 我能够显示此确认对话框，但它在用户切换到错误的目标选项卡面板后出现。 ... handleChan
我是一名优秀的程序员,十分优秀！