0

crm 2011 アプリケーションで JQuery-Ui を使用しています。jquery-ui-dialog を使用してリストを表示していますが、リストが長すぎる場合は垂直スクロール バーを表示したいと考えています。リストがフォームの長さを超えています。ダイアログの最大高さを設定しようとしましたが、何も起こりませんでした..おそらく私は正しい方法でそれをしませんでした..（私はjqueryとcssが初めてです）。助けていただければ幸いです、ありがとう！

var listItemsString = "";

for (var i = 0; i < listItemsArray.length; i++) {
    listItemsString += "<li class='ui-widget-content'>" + listItemsArray[i] + "</li>";
}

var div = $("<div id='myListDialog' title='this is the title'><p class='validateTips'>this is the description</p>"
                + "<form><ul id='selectable'>" + listItemsString + "</ul></form></div>");

$("body").prepend(div);

$("#selectable ul").css({ "list-style-type": "none", "margin": "0", "padding": "0", "width": "60%" });
$("#selectable li").css({ "margin": "3px", "padding": "0.4em", "height": "14px" });

$("#selectable").selectable({ selected: listSelectfunction ,unselected: listUnselectfunction});

$("#myListDialog").dialog({
    height: 20,
    modal: true,
    autoOpen: true,
    draggable: false,
    resizable: false,
    position: [350, $(window.parent.document).scrollTop() + 500 / 2],
    closeOnEscape: false,
    open: function (event, ui) { $(".ui-dialog-titlebar-close").hide(); },
    buttons: buttons
});
4

1 に答える 1

4

ダイアログ内の任意のものを最大の高さ (max-height) に設定し、overflow を auto に設定することでその中でスクロールさせることができます。このフィドルを参照してください: http://jsfiddle.net/582ms/1/

.child {
    max-height:150px;
    overflow: auto;
    width: 150px;
}
于 2013-02-13T05:18:46.643 に答える