62,243
社区成员
发帖
与我相关
我的任务
分享关于 artDialog 在MVC中的使用
总是说 dialog 为 null，下面贴代码：
上图是我的文件结构
错误信息是 var d = dialog 中 dialog 为null
@{
Layout = null;
}
<html>
<head>
<meta name="viewport" content="width=device-width" />
<meta charset="UTF-8">
<title>MessageRev</title>
</head>
<body>
@*<div>
<form id="zfmessage" name="ZfMessageForm" method="post" action="/home/MessageRev" target="_blank">
<div>
<label>卖家支付宝账户：</label>
<input type="text" name="Seller_email" required />
</div>
<div>
<label>商户订单号：</label>
<input type="text" name="Out_trade_no" required />
</div>
<div>
<label>订单名称：</label>
<input type="text" name="Subject" required />
</div>
<div>
<label>付款金额：</label>
<input type="text" name="Total_fee" />
</div>
<div>
<label>订单描述：</label>
<input type="text" name="Body" />
</div>
<div>
<label>商品展示地址：</label>
<input type="text" name="Show_url" />
</div>
<div>
<label>异步通知地址：</label>
<input type="text" name="Notify_url" />
</div>
<div>
<button type="submit" data-event="test">确认</button>
</div>
</form>
</div>*@
<button type="submit" data-event="test">确认</button>
<script src="../../artDialog-master/lib/sea.js"></script>
<script>
seajs.config({
alias: {
"jquery": "jquery-1.10.2.js"
}
});
</script>
<script>
seajs.use(['jquery', '../../artDialog-master/src/dialog-plus'], function ($, dialog) {
$('button[data-event=test]').on('click', function () {
var d = dialog({
title: '消息',
content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花<br>——许巍《难忘的一天》',
okValue: '确 定',
ok: function () {
dialog()
.title('提示2')
.content('hello world')
.button([{
value: '打开',
autofocus: true,
callback: function () {
dialog()
.title('提示')
.showModal();
}
}])
.show();
return false;
},
cancelValue: '取消',
cancel: function () { }
});
d.showModal();
});
});
</script>
</body>
</html>错误信息是 var d = dialog 中 dialog 为null
...全文
请发表友善的回复…
发表回复
mk20140322 2015-04-28
- 打赏
- 举报
师兄 我也遇到了这个问题 无论怎么改路径 d.show都出不来 您是哪里的问题呢 您可以指导一下的吧
woairuijuan9 2014-12-07
- 打赏
- 举报
JS应该没错吧。因为我是从artDialog上面下载的可执行的JS，而且测试例子确实通过了的。这个是例子，其实这个库很小的，你可以下载下来看看的。网址是：http://aui.github.io/artDialog/
下面是测试例子代码：
<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<button data-event="test">open dialog</button>
<script src="../lib/sea.js"></script>
<script>
seajs.config({
alias: {
"jquery": "jquery-1.10.2.js"
}
});
</script>
<script>
seajs.use(['jquery', '../src/dialog'], function ($, dialog) {
$('button[data-event=test]').on('click', function () {
var d = dialog({
title: '消息',
content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花<br>——许巍《难忘的一天》',
okValue: '确 定',
ok: function () {
var that = this;
setTimeout(function () {
that.title('提交中..');
}, 2000);
return false;
},
cancelValue: '取消',
cancel: function () {}
});
d.show();
});
});
</script>
</body>
</html>woairuijuan9 2014-12-07
- 打赏
- 举报
已经解决了。因为路径问题。
moonwrite 2014-12-07
- 打赏
- 举报
你用官方最简单 最少代码的例子开始
bidisty 2014-12-06
- 打赏
- 举报
seajs.use(['jquery', '../../artDialog-master/src/dialog-plus'], function ($, dialog) {
$('button[data-event=test]').on('click', function () {
var d = dialog({
我是没看明白什么意思。
根据http://img0.zz91.com/huanbao/mblog/artDialog-5.0.4/的写法，
我认为你可能写错js了。
woairuijuan9 2014-12-06
- 打赏
- 举报
另外，在你给我忠告的时候， 你是不是能先给我一个思路，或者一个解决办法呢？
绝对路径我试过了。一样的结果。
woairuijuan9 2014-12-06
- 打赏
- 举报
谢谢你的忠告，虽然我不是一个web程序员。
我是做图像处理的，一般用C++，偶尔客串下 winform 程序。 JavaScript 我只是懂一点皮毛，html 也只是能写一些简单的东西。
这次问这个问题是在调试后台程序的时候，自己做了一个简单的页面，然后随便拿了一个第三方JavaScript库来用下，代码也是粘贴的库中的例子。但是原本运行良好的例子到了MVC就不行了。所以就在这里问下，毕竟，我自己肯定搞不来的，隔行如隔山。。
以专业开发人员为伍 2014-12-06
- 打赏
- 举报
如果你把精力放到 javascript 调试上，使用 javascript 调试器，你就能发现你的 dialog 依赖的类库有没有加载到位。
以前使用的控件库，asp.net可以保证不需要手工调试一大堆低级的东西。现在做不到了，拼凑了一大堆东西，难以维护。所以我招聘web开发人员时都是招聘 javascript 程序员，这样的程序员可以很方便地跟后台程序员配合开发，而且他对于这种“dialog 未定义”的问题肯定可以在分分钟内解决。而 asp.net 程序员太“高级了”，连 javascript 都懒得调试。
以专业开发人员为伍 2014-12-06
- 打赏
- 举报
给你个忠告，这类程序就应该直接写成html，直接使用 knockout 之类的框架来写。不要再写什么asp.net了。
如果没有强大的UI控件，你用asp.net写界面还有什么意义？应该直接使用 html/javascript 来写界面。
吴明式 2014-12-06
- 打赏
- 举报
在mvc的view里使用绝对路径。
moonwrite 2014-12-06
- 打赏
- 举报
http://aui.github.io/artDialog/doc/index.html
我不喜欢相对路径：src="../../
我喜欢用绝对路径
