Juice UI - Высота, свойства MaxHeight, не влияющие

Познакомьтесь с интерфейсом Juice и столкнитесь с некоторыми свойствами сока: управление диалогом, надеюсь, это нуб.

Iam Используя VS 2010, .net 4.0 по мере необходимости, создал новое пустое веб-приложение ASP.net, чтобы упростить его.

Я установил Juice UI, используя NuGet, никаких проблем с установкой.

Моя страница 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>

Источник

1 ответ

Решение

Проблема в том, что свойство принимает только числовое значение. Однако, поскольку jQuery UI Dialog принимает значение "auto" в качестве значения, нам пришлось сделать тип свойства динамическим, чтобы принимать числа и "auto". Отбрасывание единицы "px" decl. от вашего значения даст вам правильный вывод.

Однако из-за проблемы с внутренним кодом это вызовет исключение в текущей версии.

Эта проблема была отслежена здесь, https://github.com/appendto/juiceui/issues/23, и исправление уже совершено. Следующая версия обслуживания будет содержать это исправление. На данный момент ваш обходной путь с использованием JavaScript будет работать нормально. Когда выйдет следующий выпуск, вы сможете использовать это свойство как обычно.

Источник
Другие вопросы по тегам