EasyUI是一種基于jQuery的UI庫,它提供了一系列的易于使用的UI組件,包括表單組件。在EasyUI中,form是其中一個常用的表單組件,而form的數(shù)據(jù)可以通過load方法來加載json數(shù)據(jù)。
下面展示一個例子:
<script> $(function(){ $('#form').form('load', { 'name': '李白', 'age': 29, 'address': '長安街道1號' }); }); </script> <form id="form"> <label for="name">名稱:</label> <input id="name" name="name" class="easyui-textbox"/><br/> <label for="age">年齡:</label> <input id="age" name="age" class="easyui-numberbox"/><br/> <label for="address">地址:</label> <input id="address" name="address" class="easyui-textbox"/><br/> </form>
在上述代碼中,我們定義了一個form表單,其中包括3個input框用于輸入姓名、年齡和地址。然后我們通過jQuery的load方法來加載一個json數(shù)據(jù),即姓名為“李白”,年齡為29,地址為“長安街道1號”。
這樣,表單中的input框就被填充了相應(yīng)的數(shù)據(jù)。如果您想要加載更多的json數(shù)據(jù),可以在load方法中添加更多的鍵值對。