特定字段的表单滚动条

Question

有没有办法在 Webix ui.form 中显示特定字段的垂直滚动条？关键是 scroll:true 显示了整个表单的滚动条，所以我想知道是否可以只为输入显示滚动条（并且 而不是 用于按钮）？

Here 是最明显但不令人满意的解决方案：

webix.ui({
  view:"form", 
  id:"initial",
  scroll:true,
  width:300,
  elements:[
    { view:"text", label:"Login"},
    . . .
    { margin:5, cols:[
      { view:"button", value:"Login" , type:"form" },
      { view:"button", value:"Cancel" }
    ]}
  ]
});

Answer 1

您可以使用 scrollView 来获得想要的结果。

webix.ui({
  view:"form", 
  id:"initial",
  width:300,
  elements:[
    { 
      view:"scrollview", 
      height:200, 
      body: {
        rows: [
          { view:"text", label:"Field"},
          { view:"text", label:"Field"},
          { view:"text", label:"Field"},
          { view:"text", label:"Field"},
          { view:"text", label:"Field"},
          { view:"text", label:"Field"},
          { view:"text", label:"Field"},
          { view:"text", label:"Field"},
          { view:"text", label:"Field"},
          { view:"text", label:"Field"},
          { view:"text", label:"Field"}
        ]           
        }
    },

    { margin:5, cols:[
      { view:"button", value:"Login" , type:"form" },
      { view:"button", value:"Cancel" }
    ]}
  ]
});

请参阅 this 了解更多信息。

特定字段的表单滚动条

A scrollbar in form for particular fields

html

javascript

css

scrollbar

webix