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)站開(kāi)發(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)文章
jquery實(shí)現(xiàn)簡(jiǎn)單的瀑布流布局
瀑布流布局有兩種,一種是固定列,一種是非固定列。本文主要記述第一種的實(shí)現(xiàn)。需要的朋友可以參考借鑒2016-12-12細(xì)說(shuō)瀏覽器特性檢測(cè)(2)-通用事件檢測(cè)
在上一篇中介紹了jQuery1.4版本新增的幾個(gè)瀏覽器特性檢測(cè)方案和具體的目的,本文將以事件為中心,介紹一個(gè)較為完整、通用的事件檢測(cè)方案。2010-11-11jQuery ajax 路由和過(guò)濾器使用說(shuō)明
好的web api應(yīng)該在url里面有足夠的信息,并且每個(gè)資源方法有它對(duì)應(yīng)的url。2011-08-08jQuery點(diǎn)擊后一組圖片左右滑動(dòng)的實(shí)現(xiàn)代碼
主要是用作圖片展示的時(shí)候需要,點(diǎn)擊后一組圖片左右滑動(dòng),需要的朋友可以參考下2012-08-08用jquery ajax獲取網(wǎng)站Alexa排名的代碼
其實(shí)就是利用了jquery的ajax功能,獲取遠(yuǎn)程的xml文件,讀取指定內(nèi)容的代碼,對(duì)于學(xué)習(xí)jquery的朋友是個(gè)不錯(cuò)的參考。2009-12-12jquery+CSS實(shí)現(xiàn)的水平布局多級(jí)網(wǎng)頁(yè)菜單效果
這篇文章主要介紹了jquery+CSS實(shí)現(xiàn)的水平布局多級(jí)網(wǎng)頁(yè)菜單效果,涉及jquery頁(yè)面元素屬性動(dòng)態(tài)變換效果實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08jQuery實(shí)現(xiàn)form表單序列化轉(zhuǎn)換為json對(duì)象功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)form表單序列化轉(zhuǎn)換為json對(duì)象功能,結(jié)合實(shí)例形式分析了表單數(shù)據(jù)傳輸中使用serializeJson進(jìn)行序列化操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-05-05