Textbox to Grid

[mendozada]

Hello, I'm probably asking is very obvious, but turn to you and I'm stuck and do not know how without having to make a connection to the database

I have 3 textbox at the touch of a buttonlink should complete them fill the grid.


my code

Code:

<table>
						<TR>
							<TD>Fecha/Periodo</TD>
							<TD>Empresa</TD>
							<TD>Puesto/Oficio</TD>
						</TR>
						<TR>
							<TD>
							<input name="ExpPeriodo" class="easyui-textbox" style="width:100px">
							</TD>
							<TD>
							<input name="ExpEmpresa" class="easyui-textbox" style="width:200px">
							</TD>
							<td>
							<input name="ExpPuesto" class="easyui-textbox" style="width:200px">
							</td>
							<td>
							<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" onclick="CargaExpLab()"></a>
							<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" ></a>
							</td>
						</tr>
					</table>		
<table id="ExLab" class="easyui-datagrid" style="width:650px;height:250px" data-options="rownumbers:true,singleSelect:true,url:'ExpLabo.json',method:'get'">
				        <thead>
				            <tr>
				                <th data-options="field:'ck',checkbox:true"></th>
				                <th data-options="field:'Fecha',width:100">Fecha/Periodo</th>
				                <th data-options="field:'Empresa',width:250">Empresa</th>
				                <th data-options="field:'Puesto',width:250">Puesto/Oficio</th>
				            </tr>
				        </thead>
				    </table>

I try insert  Fecha: '01', Empresa:'SAAM',    Puesto: 'name01', but i can't.

Code:

function CargaExpLab(){
			$('#ExLab').datagrid('load',{
										Fecha: '01',
										Empresa:'SAAM',
										Puesto: 'name01'
										});
		}

Thank

[jarry]

To insert data into the datagrid, you need to call 'appendRow' or 'insertRow' method instead.

Code:

$('#ExLab').datagrid('appendRow', {
  Fecha: '01',
  Empresa:'SAAM',
  Puesto: 'name01'
});