layui踩坑記

1)layui 中選擇項裏面的文字內容比較多，輸入框的寬度不夠，需求方要求擴大寬度到現在的2倍。

     從網上搜索到的方法都是通過修改上一層的DIV的寬度來實現，修改之後大概的代碼大概是這樣的

 <div class="layui-input-inline" style="width:460px">
        <select id="selPONo"  type1="flow_select" isflow="1" lay-filter="mySelPO" required="" name="selPONo" style="width:460px">
        </select>
    </div>

　　可是出現比較尷尬的情況，選擇用“下拉三角形”按鈕大約是在460px的位置，但是輸入框的寬度還是保持在238px,看起來極其不協調。

“F12"之後看到的是輸入框的寬度還是238px，直接增加屬性 "style='width:460px;'" 也沒有任何效果，這還是第一次遇到，設定width都不見

效果。只能查找Width屬性設置，竟然發現有一條:

  

input,
select,
textarea {
    max-width: 280px;
}

　　

 2）Layui table顯示某行的

                    done: function (res, curr, count) {
                        if (res.count == null) {
                            return;
                        }
                        if (userType == "C" || userType == "S") {
                           
                        } else {
                             $("[data-field='unitPrice']").css("display", "none");
                             $("[data-field='amount']").css("display", "none");
                        }
                    }

以上爲非S,C型的不顯示單價(unitPrice)和總價(amount)欄位