Как я могу изменить размер текстового поля, чтобы заполнить область диалога JQuery UI?

Question

У меня есть диалог с одним текстовым полем внутри.

<div id="commonDialog" style="width: auto; min-height: 0px; height: 560px;" 
              scrolltop="0" scrollleft="0">

Как изменить размер текстового поля внутри DIV, чтобы оно заполняло диалоговое окно? Я должен сделать это в событии Open диалога, так как есть некоторая логика, которая говорит, нужно ли это там или нет. Мне удалось изменить размер, как это, но я не уверен, как это сделать с переменной ширины диалога.

 $('#TextBox1').css({'height': 400 });

Answer 1

Я думаю, вы могли бы сделать это, используя процент width для input:

#Textbox1 { width: 90%; }

Пример: http://jsfiddle.net/andrewwhitaker/8KafJ/

Если вам нужно установить width на open, вы сможете написать что-то вроде:

$("#commonDialog").dialog({
    open: function () {
        $("#Textbox1").css("width", "90%");
    }
});

Пример: http://jsfiddle.net/andrewwhitaker/TUJ3Y/

Answer 2

Вы должны управлять используя css поля ввода.