Hi Andyi,
Sorry for the late reply. I have been too busy with my work.
I have indeed one form with several tabs. See the attachment for a screenshot.
These works perfect, no problems.
A form with two tabs could look like this:
<script>
$("#w").html("<form id=\"rpf\" method=\"post\">
<input type=\"hidden\" name=\"formid\" value=\"plan\"></input>
<div id=\"formtabs\" class=\"easyui-tabs\" style=\"width:560px;height:400px; border-style: outset;\">
<div title=\"Tabtitle1\" style=\"padding:10px;\">
your fields in tab1
</div>
<div title=\"Tabtitle2\" style=\"padding:10px;\">
your fields in tab2
</div>
</div>
<div id=\"submit1\"
style=\"text-align: right; float:right; padding: 5px 10px 0px 0px;\">
<a href=\"javascript:void(0)\"
class=\"easyui-linkbutton\"
onclick=\"submitForm()\">Opslaan</a></div>
</form>");
$('#w').window('setTitle','Yourformtitle');
$.parser.parse('#w');
$.parser.parse('#formtabs');
</script>
To be able to load above form in a modal window as I did, in your basic html page, you should have by example:
<div id="w" class="easyui-window" title="Modal Window" data-options="maximizable:false,resizable:false,modal:true,closed:true,minimizable:false,collapsible:false" style="width:600px;height:500px;padding:10px;">
</div>
The following script I use for loading the data after a gridrow is selected (the gridid and formid variables are there because I use standard functions that can handle all the forms in my application):
<script>
function edit(gridid)
{
var row = $('#grid1').datagrid('getSelected');
var formid = gridid;
if (row){
console.log(row.id);
$('#w').window('open');
$('#rpf').form('load','rp/getformdata.php?formid=' + formid + '&id=' + row.id);
}
else{noRowSelect();}
}
</script>
Posting the form is normal. no extra things because of the tabs.
Hope this helps.
Reems