1. 程式人生 > >Webix label字太多需要自動換行的問題

Webix label字太多需要自動換行的問題

需要達到如下效果:
這裡寫圖片描述

1、第一步:將label控制元件的高度調整到60,並新增自定義類autoLine用於定位:

cols:[
    {
        view: "label",
        label: "框架名稱:",
        labelWidth: 100,
        height:60,
        width:100
    },
    {
        view: "label",
        id:"confirm_frame_name",
        label: "傻傻的232@#*&@!#……*vvv傻傻傻傻的232@#*&
@!#……*vvv傻傻傻傻的232@#*&@!#……*vvv傻傻傻"
, labelWidth: 150, height:60, labelAlign: 'left', css: "autoLine" } ]

2、第二步:對自定義類進行處理

$(".autoLine").children("div").removeAttr("style");
$(".autoLine").css({"margin-top":"15px"});

注意:
$(“.autoLine”).css(“margin-top”:”15px”) 並沒有用,需要加{}來實現

關注微信公眾號,檢視歷史訊息,獲取更多webix資料:
這裡寫圖片描述