Question

我的代码就像这样

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

哪个工作正常。但是当我们选择值并进入另一个下拉列表时，如果列表大小小于高度，它将显示空白区域。

当我将height参数的值更改为max-height = 300时，工作正常。如何在上面的代码中给出ddslick中的这个。

请帮我解决这个问题。

Answer 1

ddslick中没有max-height选项，但如果从JS文件中删除height选项并大致编辑JS文件第47行以将类dd-options更改为包含max-height：300px;然后它将完全按照要求工作：

'.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 ”不“ max-height ”将maxHeight传递给构造函数[注意：它给出错误通过“ max-height ”]。

然后，这个参数被收集在两个变量 - “l”和“arguments”中。这个“arguments”变量传递给init（）方法。

现在，在init（）方法中，您可以设置最大高度，如下所示：

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

ddslick设置最大高度

3 个答案: