jquery form 加載數據示例
更新時間：2014年04月21日 15:13:46 作者：
這篇文章主要介紹了jquery form 加載數據的具體實現,需要的朋友可以參考下
部分代碼如下
<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" //可以從后臺得到數據
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：得到的一條數據一個對象，easyui中選中一條數據
form中數據接收用<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" //可以從后臺得到數據
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：得到的一條數據一個對象，easyui中選中一條數據
form中數據接收用<input name="row對應的屬性名"/>
</pre><br>
<pre></pre>
<br>
<br>
</pre>
相關文章
下面小編就為大家?guī)硪黄鉀QJQuery全選/反選第二次失效的問題。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
jQuery Mobile開發(fā)中日期插件Mobiscroll使用說明
這篇文章主要介紹了jQuery Mobile開發(fā)中日期插件Mobiscroll使用說明,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了jQuery中:reset選擇器用法,實例分析了:reset選擇器的功能、定義及匹配重置按鈕的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了jQuery模仿ToDoList實現簡單的待辦事項列表，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
jquery 在使用ajax過程中出現調用失敗的情況，想必大家都有遇到過吧，在本文有個不錯的示例，希望對大家有所幫助2013-09-09
這篇文章主要為大家詳細介紹了jquery實現樓層滾動特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要為大家詳細介紹了jQuery實現可編輯的表格，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
JQuery樣式操作、click事件以及索引值-選項卡應用示例
這篇文章主要介紹了JQuery樣式操作、click事件以及索引值-選項卡應用,結合實例形式分析了jQuery動態(tài)修改css樣式、事件響應以及選項卡相關操作技巧,需要的朋友可以參考下2019-05-05
這篇文章主要為大家詳細介紹了jquery表單插件Autotab使用方法，Autotab自動Tab文本框，感興趣的小伙伴們可以參考一下2016-06-06
jqPaginator結合express實現分頁展示內容效果
這篇文章主要為大家詳細介紹了jqPaginator結合express實現分頁展示內容效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04