关于 artDialog 在MVC中的使用

mvcartDialog html

解决方案 »

  1.   

    http://aui.github.io/artDialog/doc/index.html我不喜欢相对路径：src="../../
    我喜欢用绝对路径
      

  2.   

    给你个忠告，这类程序就应该直接写成html，直接使用 knockout 之类的框架来写。不要再写什么asp.net了。如果没有强大的UI控件，你用asp.net写界面还有什么意义？应该直接使用 html/javascript 来写界面。
      

  3.   

    如果你把精力放到 javascript 调试上，使用 javascript 调试器，你就能发现你的 dialog 依赖的类库有没有加载到位。以前使用的控件库，asp.net可以保证不需要手工调试一大堆低级的东西。现在做不到了，拼凑了一大堆东西，难以维护。所以我招聘web开发人员时都是招聘 javascript 程序员，这样的程序员可以很方便地跟后台程序员配合开发，而且他对于这种“dialog 未定义”的问题肯定可以在分分钟内解决。而 asp.net 程序员太“高级了”，连 javascript 都懒得调试。
      

  4.   

    谢谢你的忠告，虽然我不是一个web程序员。
    我是做图像处理的，一般用C++，偶尔客串下 winform 程序。 JavaScript 我只是懂一点皮毛，html 也只是能写一些简单的东西。
    这次问这个问题是在调试后台程序的时候，自己做了一个简单的页面，然后随便拿了一个第三方JavaScript库来用下，代码也是粘贴的库中的例子。但是原本运行良好的例子到了MVC就不行了。所以就在这里问下，毕竟，我自己肯定搞不来的，隔行如隔山。。
      

  5.   

    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了。
      

  6.   

    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>