0

Juice UI について自分自身を教育し、juice:Dialog コントロールのいくつかのプロパティに問題があることを願っています。

必要に応じてVS 2010、.net 4.0を使用して、新しいASP.netの空のWebアプリケーションを作成してシンプルに保ちました。

NuGet を使用して Juice UI をインストールしましたが、インストールに問題はありません。

私のaspxページは以下にあり、コードビハインドには何も追加されていません。

ボタンを使用してダイアログを正常に開くことができるので、次のステップは、さまざまなダイアログ プロパティを試してみることでした。

Juice:Dialog コントロールに、プロパティHeight="300px"を追加しました。私が理解しているように、これにより、高さ300pxのダイアログが開くはずです。ダイアログは実際には「折りたたまれた」状態で開きます。つまり、テキストがまったく表示されず、サイズ変更ハンドルを使用して最小の高さにサイズ変更したかのようにダイアログのサイズが変更されます。

ここで何が欠けていますか？

編集：私が入れればわかりました

$("#dialog").dialog({ height: 500 });

クリック イベントで、ボタンがクリックされたときのサイズを設定できます。したがって、ダイアログ コントロールのプロパティは、AutoOpen=True の場合にのみ関連することを意味する必要があります。つまり、最初のページ ロードでダイアログが開きます。私は近いですか？

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Employees.aspx.cs" Inherits="JuiceSkeleton.Employees" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
    <button id="accept" runat="server" class="open-dialog" type="button">
        Accept</button>
    <juice:Button ID="acceptButton" runat="server" TargetControlID="accept" />
</div>
<div id="dialog" class="basic-dialog" runat="server">
    <p>
        Default Dialog says No!
    </p>
</div>
<juice:Dialog Draggable="True" ID="dialogButton" Height="300px" runat="server" TargetControlID="dialog"
    AutoOpen="False" />
</form>
</body>
<script type="text/javascript">
 // Respond to the click 
 $(".open-dialog").click(function (e) {
     e.preventDefault();
     // Open the dialog 
     $(".basic-dialog").dialog("open");
 }); 
</script>

4

1 に答える 1

1

問題は、プロパティが数値のみを取ることです。ただし、jQuery UI Dialog は値として「auto」を受け入れるため、数値と「auto」を受け入れるようにプロパティ タイプを動的にする必要がありました。「px」単位の宣言を削除します。あなたの値から正しい出力が得られます。

ただし、内部コードの問題により、現在のバージョンでは例外がスローされます。

この問題はhttps://github.com/appendto/juiceui/issues/23で追跡されており、修正は既にコミットされています。次回のメンテナンス リリースには、この修正が含まれる予定です。現時点では、JavaScript を使用した回避策で問題なく動作します。次のリリースがリリースされると、通常どおりそのプロパティを使用できるようになります。

于 2012-05-21T13:25:09.697 に答える