0

对 Juice UI 进行自我教育，并且对 juice:Dialog 控件的某些属性有疑问，希望这是一个菜鸟。

Iam 根据需要使用 VS 2010、.net 4.0，创建了新的 ASP.net 空 Web 应用程序以保持简单。

我已经使用 NuGet 安装了 Juice UI，安装没有问题。

我的 aspx 页面在下面，后面的代码没有添加任何内容。

我可以使用按钮成功打开对话框，因此下一步是尝试使用不同的对话框属性。

在 Juice:Dialog 控件中，我添加了属性Height="300px"。据我了解，这应该打开高度为 300 像素的对话框。对话框实际上打开'折叠'，即我根本看不到文本，并且对话框的大小就像您使用调整大小手柄将其调整到它的最小高度一样。

我在这里想念什么？

编辑：好吧，如果我把

$("#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 回答