jquery form 加載數(shù)據(jù)示例
更新時間：2014年04月21日 15:13:46 作者：
這篇文章主要介紹了jquery form 加載數(shù)據(jù)的具體實現(xiàn),需要的朋友可以參考下
部分代碼如下
<form id="fm" method="post" novalidate>
<div style="height:26px" class="fitem">
<label>區(qū)域:</label>
<input class="easyui-combobox"
id="areaId"
name="areaId"
url="getAreasList" //可以從后臺得到數(shù)據(jù)
valueField="id"
textField="name"
panelHeight="auto"
/>
</div>
<div style="height:26px" class="fitem">
<label>名稱:</label>
<input id="devName" name="name" class="easyui-validatebox" missingMessage="不允許空" required="true" />
</div>
后面的省略
部分js代碼
<pre code_snippet_id="229232" snippet_file_name="blog_20140311_1_960217" name="code" class="html"><pre code_snippet_id="229232" snippet_file_name="blog_20140311_1_960217" name="code" class="html">var row = $('#dg').datagrid('getSelected');
</pre>
<pre></pre>
<pre code_snippet_id="229232" snippet_file_name="blog_20140311_2_8342494" name="code" class="html">$('#fm').form('load',row);
fm：form標簽的id
row：得到的一條數(shù)據(jù)一個對象，easyui中選中一條數(shù)據(jù)
form中數(shù)據(jù)接收用<input name="row對應的屬性名"/>
</pre><br>
<pre></pre>
<br>
<br>
</pre>
復制代碼 代碼如下:
<form id="fm" method="post" novalidate>
<div style="height:26px" class="fitem">
<label>區(qū)域:</label>
<input class="easyui-combobox"
id="areaId"
name="areaId"
url="getAreasList" //可以從后臺得到數(shù)據(jù)
valueField="id"
textField="name"
panelHeight="auto"
/>
</div>
<div style="height:26px" class="fitem">
<label>名稱:</label>
<input id="devName" name="name" class="easyui-validatebox" missingMessage="不允許空" required="true" />
</div>
后面的省略
部分js代碼
復制代碼 代碼如下:
<pre code_snippet_id="229232" snippet_file_name="blog_20140311_1_960217" name="code" class="html"><pre code_snippet_id="229232" snippet_file_name="blog_20140311_1_960217" name="code" class="html">var row = $('#dg').datagrid('getSelected');
</pre>
<pre></pre>
<pre code_snippet_id="229232" snippet_file_name="blog_20140311_2_8342494" name="code" class="html">$('#fm').form('load',row);
fm：form標簽的id
row：得到的一條數(shù)據(jù)一個對象，easyui中選中一條數(shù)據(jù)
form中數(shù)據(jù)接收用<input name="row對應的屬性名"/>
</pre><br>
<pre></pre>
<br>
<br>
</pre>
相關(guān)文章
這篇文章主要為大家詳細介紹了利用jQuery給表格添加分頁效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
用戶輸入一個表單，輸入準考證和驗證碼，驗證用戶是否輸入表單，點擊查詢提交，然后從服務器得到返回的數(shù)據(jù)并顯示出來2012-10-10
瀑布流布局有兩種，一種是固定列，一種是非固定列。本文主要記述第一種的實現(xiàn)。需要的朋友可以參考借鑒2016-12-12
在上一篇中介紹了jQuery1.4版本新增的幾個瀏覽器特性檢測方案和具體的目的，本文將以事件為中心，介紹一個較為完整、通用的事件檢測方案。2010-11-11
好的web api應該在url里面有足夠的信息，并且每個資源方法有它對應的url。2011-08-08
這篇文章給大家分享了jQuery實現(xiàn)隔行背景色變色的代碼，有相同需要的小伙伴參考下吧2014-11-11
主要是用作圖片展示的時候需要，點擊后一組圖片左右滑動，需要的朋友可以參考下2012-08-08
用jquery ajax獲取網(wǎng)站Alexa排名的代碼
其實就是利用了jquery的ajax功能，獲取遠程的xml文件，讀取指定內(nèi)容的代碼，對于學習jquery的朋友是個不錯的參考。2009-12-12
jquery+CSS實現(xiàn)的水平布局多級網(wǎng)頁菜單效果
這篇文章主要介紹了jquery+CSS實現(xiàn)的水平布局多級網(wǎng)頁菜單效果,涉及jquery頁面元素屬性動態(tài)變換效果實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08
jQuery實現(xiàn)form表單序列化轉(zhuǎn)換為json對象功能示例
這篇文章主要介紹了jQuery實現(xiàn)form表單序列化轉(zhuǎn)換為json對象功能,結(jié)合實例形式分析了表單數(shù)據(jù)傳輸中使用serializeJson進行序列化操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-05-05