? ? ? ? 工作中遇到一個棘手的問題：使用循環的方式在添加/修改功能的彈出層動態生成form表單，此時點擊修改時，如何回顯數據？

? ? ? ? 難點在于被回顯的表單對應的key值是動態拿到的，基于layui?laytpl語言，我在官網上并沒有找到對應的input綁定函數的語言方式，經過自己多次嘗試，最終找到了其函數表達方式：

<input class="layui-input" name="{{item.code}}" lay-verify="required|code{{item.size}}" value="{{getValue(item,d)}}" /> //這里的item是循環得到的一個循環體 value中getValue()為自定義的函數

? ? ? ? 對應的函數寫法：

window.getValue=function (item,data) {return data[item.codeName] ||''; }

? ? ? ? 上面的item是each循環中的一個實體，value本意的回顯key值是item.code,但是當時無論怎么做都直接顯示item.code，比如我寫成value = {{d[{{item.code}}]}},這樣回顯的值就是d[{{item.code}}]。無奈直線只能使用如上函數處理的方式。

? ? ? ? 當然在其他地方也可以這樣使用：

<select name="{{item.code}}" lay-verify="required">{{# layui.each(getDictionarys(d.dictionarys,item), function(index, dictionary){ }}{{# if (dictionary.id == getCodeValue(item,d)){ }}<option value="{{dictionary.id}}" selected="selected">{{dictionary.value}}</option>{{# } else { }}<option value="{{dictionary.id}}">{{dictionary.value}}</option>{{# } }}{{# }) }} </select>

? ? ? ? 這個是在if中使用函數getCodeValue(item.d)函數。

?

總結

以上是生活随笔為你收集整理的layui爬坑之路——input value属性绑定函数返回值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。