jquery form 加載數(shù)據(jù)示例
更新時(shí)間：2014年04月21日 15:13:46 作者：
這篇文章主要介紹了jquery form 加載數(shù)據(jù)的具體實(shí)現(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" //可以從后臺(tái)得到數(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標(biāo)簽的id
row：得到的一條數(shù)據(jù)一個(gè)對(duì)象，easyui中選中一條數(shù)據(jù)
form中數(shù)據(jù)接收用<input name="row對(duì)應(yīng)的屬性名"/>
</pre><br>
<pre></pre>
<br>
<br>
</pre>
復(fù)制代碼 代碼如下:
<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" //可以從后臺(tái)得到數(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代碼
復(fù)制代碼 代碼如下:
<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標(biāo)簽的id
row：得到的一條數(shù)據(jù)一個(gè)對(duì)象，easyui中選中一條數(shù)據(jù)
form中數(shù)據(jù)接收用<input name="row對(duì)應(yīng)的屬性名"/>
</pre><br>
<pre></pre>
<br>
<br>
</pre>
您可能感興趣的文章:
- jquery Ajax 實(shí)現(xiàn)加載數(shù)據(jù)前動(dòng)畫效果的示例代碼
- struts2+jquery+json實(shí)現(xiàn)異步加載數(shù)據(jù)(自寫)
- 拉動(dòng)滾動(dòng)條加載數(shù)據(jù)的jquery代碼
- asp.net網(wǎng)站開發(fā)中用jquery實(shí)現(xiàn)滾動(dòng)瀏覽器滾動(dòng)條加載數(shù)據(jù)(類似于騰訊微博)
- asp.net+jquery滾動(dòng)滾動(dòng)條加載數(shù)據(jù)的下拉控件
- Asp.net利用JQuery彈出層加載數(shù)據(jù)代碼
- jQuery滑動(dòng)到底部加載下一頁(yè)數(shù)據(jù)的實(shí)例代碼
相關(guān)文章
下面小編就為大家?guī)?lái)一篇解決JQuery全選/反選第二次失效的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
jQuery Mobile開發(fā)中日期插件Mobiscroll使用說(shuō)明
這篇文章主要介紹了jQuery Mobile開發(fā)中日期插件Mobiscroll使用說(shuō)明,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了jQuery中:reset選擇器用法,實(shí)例分析了:reset選擇器的功能、定義及匹配重置按鈕的使用技巧,需要的朋友可以參考下2015-01-01
jQuery模仿ToDoList實(shí)現(xiàn)簡(jiǎn)單的待辦事項(xiàng)列表
這篇文章主要介紹了jQuery模仿ToDoList實(shí)現(xiàn)簡(jiǎn)單的待辦事項(xiàng)列表，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12
jquery 在使用ajax過(guò)程中出現(xiàn)調(diào)用失敗的情況，想必大家都有遇到過(guò)吧，在本文有個(gè)不錯(cuò)的示例，希望對(duì)大家有所幫助2013-09-09
jquery實(shí)現(xiàn)樓層滾動(dòng)特效
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)樓層滾動(dòng)特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)可編輯的表格，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
JQuery樣式操作、click事件以及索引值-選項(xiàng)卡應(yīng)用示例
這篇文章主要介紹了JQuery樣式操作、click事件以及索引值-選項(xiàng)卡應(yīng)用,結(jié)合實(shí)例形式分析了jQuery動(dòng)態(tài)修改css樣式、事件響應(yīng)以及選項(xiàng)卡相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
這篇文章主要為大家詳細(xì)介紹了jquery表單插件Autotab使用方法，Autotab自動(dòng)Tab文本框，感興趣的小伙伴們可以參考一下2016-06-06
jqPaginator結(jié)合express實(shí)現(xiàn)分頁(yè)展示內(nèi)容效果
這篇文章主要為大家詳細(xì)介紹了jqPaginator結(jié)合express實(shí)現(xiàn)分頁(yè)展示內(nèi)容效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04