I simply want to create a ajax form to read some data to edit/create and save.
I create two button in my grid toobar: edit and add.

Code:

    function add_it(){
      // url:'p_site/verbali_punti_create',
      formStatus= 'add';
			$('#dlg').form({ 
			  	success:function(data){
			  		$.messager.alert('Info', data, 'info');
				  }
			});
      $('#dlg').dialog('open');
    }

    function edit_it(id){
      formStatus= 'edit';
      //url:'p_site/verbali_punti_update',
			$('#dlg').form({ 
			  	success:function(data){
			  		$.messager.alert('Info', data, 'info');
				  }
			});
      $('#dlg').dialog('open');
    }

so these create a dialog where insert/edit data

Code:

<div id="dlg" class="easyui-dialog" closed="true" style="width:600px;height:250px;padding:10px 30px;"
		title="punti verbali" buttons="#dlg-buttons">
	<h2>Punto verbale</h2>
	<form id="verbali_punti_form" method="post" action="p_site/verbali_punti_create">
    <table>
      <tr><td>
        <?php echo form_label('numero_punto','numero_punto', $attributes).form_input('numero_punto', $verbali_punti['numero_punto'], 'id="punti_numero_punto"'); ?>
      </td></tr>
      <tr><td>
        <?php echo form_label('descrizione','descrizione', $attributes).form_input('descrizione', $verbali_punti['descrizione'], 'id="punti_descrizione"'); ?>
      </td></tr>
      <tr><td>
        <?php 
        $dattributes= 'class="date-pick dp-applied" id="data_consegna"';
        echo form_label('consegna','data_consegna', $attributes);
        echo form_input('data_consegna', unix_timestamp_to_human($verbali_punti['data_consegna']), $dattributes); ?>
      </td></tr>
      <tr><td>
        <?php 
        $dattributes= 'class="date-pick dp-applied" id="data_proroga"';
        echo form_label('data proroga','data_proroga', $attributes);
        echo form_input('data_proroga', unix_timestamp_to_human($verbali_punti['data_proroga']), $dattributes); ?>
      </td></tr>
    </table>
	</form>
</div>
<div id="dlg-buttons">
	<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="verbali_punti_save();">Submit</a>
	<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Cancel</a>
</div>

1. I CAN'T save data of the dialog and when I inspect code with firebug I DON'T see form into dialog!

I put into the toolbar a tab
first contains button for edit/delete operation
second contains: some checkboxes to applicate some detailed filter on load Data function...

Code:

<div id="toolbar" style="height:100px;">  
  <div class="easyui-tabs" style="height:100px;">  
    <div title="operazioni" style="padding:10px;">  
      <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="javascript:$('#elenco_clienti').edatagrid('destroyRow')">Elimina</a>  
      <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="edit_it()">Modifica</a>  
      <a href="#" class="easyui-linkbutton" iconCls="icon-email" plain="true" onclick="email_it()">E-Mail</a>  
      <a href="#" class="easyui-linkbutton" iconCls="icon-print" plain="true" onclick="print_it()">Stampa</a>  
    </div>  
    <div title="filtro" style="padding:10px;">  
      <form action="customer_list" method="POST">
    		<input name="emissioni_atmosfera" type="checkbox" class="easyui-checkbox" style="width:50px">Emissioni atmosfera
    		<input name="messa_terra" type="checkbox" class="easyui-checkbox" style="width:50px">Messa terra
    		<input name="acque" type="checkbox" class="easyui-checkbox" style="width:50px">Gestione acque
    		<input name="verbali" type="checkbox" class="easyui-checkbox" style="width:50px">Verbali<br />
    		<input name="apparecchi_sollevamento" type="checkbox" class="easyui-checkbox" style="width:50px">App.sollevamento
    		<input name="ipcc_aia" type="checkbox" class="easyui-checkbox" style="width:50px">IPCC/AIA
    		<input name="cpi" type="checkbox" class="easyui-checkbox" style="width:50px">CPI
    		<input name="formazione" type="checkbox" class="easyui-checkbox" style="width:50px">Formazione
        <input name="filtro" type="submit" value="applica" />
      </form>
    </div>  
  </div>    
</div>  

why submit button doesn't reload page posting checkboxes input variabled to filter datagrid loading data?

Thank you for the response.  I did find out the problem.

I was automatically initializing the datagrid by using class="easyui-datagrid" in the table tag.  I also had the JavaScript call $('#filterTable').datagrid(); in one of my JavaScript files.  Because the JavaScript call did not have any attributes defined, no data was been added to the datagrid.

Usually I use to specify all properties into javascript code and so there are no problems.
Try it...

do you have javascript istructions like these?

Code:

  $(document).ready(function() {
    $('#filterTablei').datagrid();
  });

I'm try to populate combo via json and using it in a grid
look at code...

Code:

...

      columns:[[
        {field:'cb', title:'',checkbox:true, width: 50},
        {field:'id', title:'id', width: 50},
        {field:'codice', title:'codice', width: 50},
        {field:'riga', title:'riga', sortable:true, width: 50},
        {field:'iva_codice', title:'IVA', sortable:true, width: 150,   
					editor:{
						type:'combobox',
						options:{
							valueField:'codice',
							textField:'descrizione_1',
      				url:'c_op/aliquote_iva',
							required: true
						}
					}                  
        },
        {field:'imponibile_valore_valuta', title:'imponibile', sortable:true, width: 120, align: 'right', 
          editor: {type:'numberbox', options:{ precision:2}}},
        {field:'conto_codice', title:'mastrino', width: 90, editor:'text'},
        {field:'descrizione_1', title:'descrizione', width: 250, editor:'text'}
      ]],
...

what's worng?