私信发送成功
Watch Star Fork

DWZ TEAM / dwz_juiJavaScript

DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.
克隆/下载
一键复制 编辑 原始数据 按行查看 历史
w_alert.html 3.44 KB zhanghuihua 提交于 2017-11-16 11:14 . v1.6.0
<script type="text/javascript">
function testConfirmMsg(url, data){
alertMsg.confirm("您修改的资料未保存,请选择保存或取消!", {
okCall: function(){
$.post(url, data, DWZ.ajaxDone, "json");
}
});
}
function testAlertError(){
alertMsg.error("点击确定关闭当前窗口!", {
okCall: function(){
navTab.closeCurrentTab();
}
});
}
function testAlertMisc() {
var buttons = [
{
name:'是',
call: function(){
console.log('testAlertMisc(): 是');
},
keyCode:DWZ.keyCode.ENTER
},
{
name:'否',
call: function(){
console.log('testAlertMisc(): 否');
}
},
{
name:'取消',
call: function(){
console.log('testAlertMisc(): 取消');
},
keyCode:DWZ.keyCode.ESC
}
];
alertMsg.open(alertMsg.types.confirm, '自定义提示框', buttons);
}
</script>
<h2 class="contentTitle">提示对话框演示</h2>
<div style="padding:0 10px;">
<div class="tabs">
<div class="tabsHeader">
<div class="tabsHeaderContent">
<ul>
<li class="selected"><a href="javascript:;"><span>示例</span></a></li>
<li><a href="javascript:;"><span>代码</span></a></li>
</ul>
</div>
</div>
<div class="tabsContent" layoutH="100">
<div>
<a class="button" href="javascript:;" onclick="testConfirmMsg('demo/common/ajaxDone.html')"><span>确认(是/否)</span></a><br /><br /><br />
<a class="button" href="javascript:;" onclick="alertMsg.error('您提交的数据有误,请检查后重新提交!')"><span>错误提示</span></a><br /><br /><br />
<a class="button" href="javascript:;" onclick="alertMsg.info('您提交的数据有误,请检查后重新提交!')"><span>信息提示</span></a><br /><br /><br />
<a class="button" href="javascript:;" onclick="alertMsg.warn('您提交的数据有误,请检查后重新提交!')"><span>警告提示</span></a><br /><br /><br />
<a class="button" href="javascript:;" onclick="alertMsg.correct('您的数据提交成功!')"><span>成功提示</span></a><br /><br /><br />
<a class="button" href="javascript:;" onclick="testAlertError()"><span>错误提示,点击确定关闭窗口</span></a><br /><br /><br />
<a class="button" href="javascript:;" onclick="testAlertMisc()"><span>自定义提示框</span></a><br /><br /><br />
</div>
<div>
<textarea name="textarea" cols="100" rows="15">
<script type="text/javascript">
function testConfirmMsg(url, data){
alertMsg.confirm("您修改的资料未保存,请选择保存或取消!", {
okCall: function(){
$.post(url, data, DWZ.ajaxDone, "json");
}
});
}
</script>
<a class="button" href="javascript:;" onclick="testConfirmMsg('demo/common/ajaxDone.html')"><span>确认(是/否)</span></a><br /><br />
<a class="button" href="javascript:;" onclick="alertMsg.error('您提交的数据有误,请检查后重新提交!')"><span>错误提示</span></a><br /><br />
<a class="button" href="javascript:;" onclick="alertMsg.info('您提交的数据有误,请检查后重新提交!')"><span>信息提示</span></a><br /><br />
<a class="button" href="javascript:;" onclick="alertMsg.warn('您提交的数据有误,请检查后重新提交!')"><span>警告提示</span></a><br /><br />
<a class="button" href="javascript:;" onclick="alertMsg.correct('您的数据提交成功!')"><span>成功提示</span></a><br /><br />
</textarea>
</div>
</div>
<div class="tabsFooter">
<div class="tabsFooterContent"></div>
</div>
</div>
</div>

评论 (0)

你可以在登录后,对此项目发表评论

3_float_left_people 3_float_left_close