jQWidgets jqxKanban headerHeight 属性详解
jQWidgets jqxKanban
是一种看板控件,用于在 Web 应用程序中创建看板。headerHeight
是 jqxKanban
控件的一个属性,用于设置看板列头的高度。本文将详细讲解 headerHeight
属性的使用方法,并提供两个示例说明。
属性
headerHeight
用于设置看板列头的高度。该属性接受一个数字类型的值,表示列头的高度,单位为像素。默认值为 40
。
// 设置看板列头的高度 50 像素
$("#jqxKanban").jqxKanban({
headerHeight: 50
});
在上述代码中,我们使用 headerHeight
属性将看板列头的高度设置为 50
像素。
示例
以下是两个示例,演示如何使用 headerHeight
属性设置看板列头的高度。
示例 1
在此示例中,我们创建了一个 jqxKanban
控件,并使用 headerHeight
属性将看板列头的高度设置为 50
像素。
<div id="jqxKanban"></div>
<script>
$(document).ready(function () {
// 创建 jqxKanban 控件
$("#jqxKanban").jqxKanban({
source: new $.jqx.dataAdapter(source),
columns: [
{ text: "Backlog", dataField: "new" },
{ text: "In Progress", dataField: "work" },
{ text: "Done", dataField: "done" }
],
headerHeight: 50
});
});
</script>
在上述代码中,我们创建了一个 jqxKanban
控件,并使用 headerHeight
属性将看板列头的高度设置为 50
像素。
示例 2
此示例中,我们创建了一个 jqxKanban
控件,并使用 headerHeight
属性将看板列头的高度设置为 80
像素。
<div id="jqxKanban"></div>
<script>
$(document).ready(function () {
// 创建 jqxKanban 控件
$("#jqxanban").jqxKanban({
source: new $.jqx.dataAdapter(source),
columns: [
{ text: "Backlog", dataField: "new" },
{ text: "In Progress", dataField: "work" },
{ text: "Done", dataField: "done" }
],
headerHeight: 80
});
});
</script>
在上述代码中,我们创建了一个 jqxKanban
控件,并使用 headerHeight
属性将看板列头的高度设置为 80
像素。
以上是 jqxanban
的 headerHeight
属性的详细说明,以及两个示例说明。在示例中,我们使用 headerHeight
属性将看板列头的高度设置为指定的像素值。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jQWidgets jqxKanban headerHeight属性 - Python技术站