欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery form 加载数据示例

程序员文章站 2022-04-11 15:49:44
jquery form 加载数据示例代码如下:
...

jquery form 加载数据示例代码如下:

<form id="fm" method="post" novalidate>
<p style="height:26px" class="fitem">
<label>区域:</label>
<input class="easyui-combobox"
id="areaId"
name="areaId"
url="getAreasList" //可以从后台得到数据
valueField="id"
textField="name"
panelHeight="auto"
/>
</p>
<p style="height:26px" class="fitem">
<label>名称:</label>
<input id="devName" name="name" class="easyui-validatebox" missingMessage="不允许空" required="true" />
</p>


后面的省略

部分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>