在自定义dnn模块中使用jquery ui

时间:2014-08-03 13:40:41

标签: dotnetnuke dotnetnuke-7

我试图在我的自定义dnn模块中显示一个jQuery模式弹出窗口,为此我使用下面的代码工作正常。

<div id="dialog-form" title="Notices">
    <div>
        My Notice 1
    </div>
</div>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script type="text/javascript">
    $(document).ready(function () {
        $("#dialog-form").dialog({
            modal: true,
            buttons: {
                Close: function () {

                    $(this).dialog("close");
                }
            }
        });
    });
</script>

我担心的是,在上面的代码中,我直接使用链接标记引用了jQuery UI文件,我知道DNN本身附带了jquery UI文件。因此必须有一些方法可以避免直接引用UI css文件并使用已经提供的dnn。

我尝试在我的模块代码后面使用以下行,但它们都没有为我工作

DotNetNuke.Framework.jQuery.RequestUIRegistration();
JavaScript.RequestRegistration(CommonJs.jQueryUI);  //obsolete in DNN7.2

我也试过下面提到的方法链接 http://www.ifinity.com.au/Blog/EntryId/121/Using-jQuery-UI-with-DotNetNuke-5-and-6-in-the-same-module

1 个答案:

答案 0 :(得分:0)

要注册jquery和jquery UI,您应该调用:

&#13;
&#13;
using DotNetNuke.Framework.JavaScriptLibraries;
//...

JavaScript.RequestRegistration(CommonJs.jQuery);
JavaScript.RequestRegistration(CommonJs.jQueryUI);
&#13;
&#13;
&#13;