Question

教育自己关于Juice UI并且对果汁的某些属性存在问题：对话控制，希望它是一个菜鸟。

Iam根据需要使用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>

Answer 1

问题是该属性仅采用数值。但是，因为jQuery UI Dialog接受“auto”作为值，所以我们必须使属性类型动态化以接受数字和“auto”。删除“px”单位decl。从你的价值将给你正确的输出。

但是，由于内部代码存在问题，这将在当前版本中引发异常。

此处已跟踪此问题https://github.com/appendto/juiceui/issues/23，并且已提交修复程序。下一个维护版本将包含此修复程序。目前，使用javascript的解决方法可以正常工作。当下一个版本发布时，您将能够按照惯例使用该属性。

果汁UI - 高度，MaxHeight属性没有影响

1 个答案: