【问题标题】:unable to open Durandal modal无法打开 Durandal 模态
【发布时间】:2013-12-13 00:22:25
【问题描述】:

我无法在我的应用程序中显示 durandal 模型,我正在共享以下代码。请帮我解决这个问题。

模型.js

    define(['plugins/dialog', 'knockout'], function(dialog, ko) {
        var model = function() {
            this.input = ko.observable('');
        };

        model.prototype.Ok = function () {
            dialog.close(this, this.input());
        };

        model.show = function () {
            return dialog.show(new model());
        };

        return model;
    });

model.html

<div>
    <table>
        <tr>
            <td> Serail No#</td>
            <td><input type="text" data-bind="value: input" /></td>
        </tr>
        <tr>
            <td>
                <input type="button" value="Ok" data-bind="click: Ok" />
            </td>
        </tr>
    </table>
</div>

calling method:

define(['./model'],function (demoModel){
 return {
          showmodel:function () {
                      demoModel.show();
                      //app.showDialog('./model');
            }
        };
});

我在代码中没有发现任何问题。感谢您的帮助。

谢谢,
湿婆

【问题讨论】:

  • 控制台有错误吗?
  • 我在上面的代码中没有看到任何看起来引用 Durandal 模态的东西,或者至少在您正确实现自定义模态的地方。你看过文档了吗? durandaljs.com/documentation/Showing-Message-Boxes-And-Modals
  • 我错过了 css 类参考。添加 durandal css 类后,模型弹出窗口工作正常。

标签: knockout.js modal-dialog durandal single-page-application


【解决方案1】:

在进行以下更改后,我得到了输出。谢谢大家的支持。

define(['./model'],function (demoModel){
 return {
          showmodel:function () {
                      dialog.show(demoModel);
            }
        };
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多