2012-05-21 3 views
0

Воспитание о пользовательском интерфейсе Juice и проблема с некоторыми свойствами сока: управление диалогими, надеюсь, это нооб.Juice UI - Высота, Свойства MaxHeight, не влияющие

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

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

Моя страница aspx внизу, ничего не добавлено в код.

Я могу успешно открыть диалоговое окно с помощью кнопки, поэтому следующим шагом было воспроизведение с различными свойствами диалога.

In the Juice: Dialog control Я добавил имущество Высота = "300px". Как я понимаю, это должно открыть диалог с высотой 300 пикселей. Диалог действительно открывается «свалился», т. Е. Я вообще не вижу текст, и диалоговое окно имеет размер, как если бы вы изменили его размер, используя ручку изменения размера до минимальной высоты.

Что мне здесь не хватает?

Edit: Хорошо, если я ставлю

$("#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» в качестве значения, нам нужно было ввести тип свойства dynamic для принятия чисел и «auto». Снижение единицы объявления «px». от вашего значения даст вам правильный результат.

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

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

+0

Хорошо, я сбросил px ранее и получил ошибку «Неопределенный совпадение найден». Вероятно, это ошибка, о которой вы говорите? Я могу продолжить, но с нетерпением жду обновления. Большое спасибо за быстрый ответ. Я просто смотрю на JQuery после перерыва с веб-разработкой, но он будет фантастическим, поскольку он развивается, в режиме реального времени. _Hey, просто посмотрел на эту проблему на gitHub. Он упоминает высоту конкретно, но я думаю, что есть проблема с Width, MaxHeight, MinHeight (это те свойства, с которыми я играл) _ – SleepyBoBos

+0

Пожалуйста, добавьте комментарий по этой проблеме, и я буду уверен, что все они будут рассмотрены. – shellscape

+0

У меня нет логина в Github, если это то, что вы имеете в виду. – SleepyBoBos