小巧集最大高度

Question

我的代码是这样的

 $jq('#<portlet:namespace/>PNLanguage'+ languageId).ddslick({      
                       data : parsedLanguageData,
                       width:200,
                       Height:300,
                       selectText: "Select Language",

效果很好。但是，当我们选择这个值并进行另一个下拉列表时，如果列表大小小于高度，它将显示空空间。

当我将高度参数的值改为最大高度=300时，效果很好。如何在上面的代码中巧妙地给出这个。

请帮帮我。

Answer 1

在ddslick中没有最大高度选项，但是如果您从JS文件中移除高度选项并编辑JS文件(大致第47行)，将类dd-选项更改为包含max-height :300 it；那么它将完全按照需要工作：

'.dd-options{ max-height:300px; border:solid 1px #ccc; border-top:none; list-style:none; box-shadow:0px 1px 5px #ddd; display:none; position:absolute; z-index:2000; margin:0; padding:0;background:#fff; overflow:auto;}' +

Answer 2

现在有一个高度选项，因此它将与较新版本一起工作。请注意，您应该提供小写高度，而不是大写H。还请注意，您可以通过观察/更改js文件中的默认值来查看所有选项：

//Set defauls for the control
defaults = {
    data: [],
    keepJSONItemsOnTop: false,
    width: 260,
    height: 300,   // i changed this from null!
    background: "#eee",
    selectText: "",
    defaultSelectedIndex: null,
    truncateDescription: true,
    imagePosition: "left",
    showSelectedHTML: true,
    clickOffToClose: true,
    onSelected: function () { }
},

Answer 3

我将maxHeight传递给构造函数，方法是使用参数"maxHeight“不是 "max-height”注意:它在传递"max-height“时会产生错误。

然后，在两个变量"l“和”参数“中收集该参数。这个“参数”变量被传递给init()方法。

现在，在init()方法中，可以将最大高度设置如下：

u.css({
    width : l.width
    ,'max-height': l.maxHeight
});