Friend, i found the example, that solve my needed, Thank you for his help:

My really needed was call a form with jquery dialog, in this way, the code below soved my problem!

Javascricpt:

      function formOpen() {

            $("#dialog").dialog();

      }

HTML

No HTML, basta colocar uma div e o q estiver dentro dela vai para a dialog:

<div id="dialog" title="Basic dialog">

      <div>

      <b>Dados do Cliente:</b>

      </div>

      <br>

      <s:div>

            <table width="960" border="1" bordercolor="white" >

              <tr>

              <td width="84">&nbsp;Nome</td>

                  <td width="347"><input name="nome" type="text" id="nome" style="width:100%" /></td>

                <td width="74">&nbsp;Sobrenome </td>

                <td width="360"> <input name="sobrenome" type="text" id="sobrenome" style="width:60%" /> Apelido <input name="apelido" type="text" id="apelido" style="width:23%"  />  </td>

              </tr>

              <tr>

                <td>&nbsp;Personalizado</td>

                <td><input name="nomeabreviado" type="text" id="nomeabreviado" style="width:100%" /></td>

                <td>&nbsp;Email</td>

                <td><input name="email" type="text" id="email" style="width:100%"  /></td>

              </tr>

              <tr>

                <td>&nbsp;CPF</td>

                <td><input name="cpf" type="text" id="scpf" style="width:42%" />&nbsp;CNPJ <input name="cnpj" type="text" id="scnpj" style="width:44%" /> </td>

                <td>&nbsp;Email Alt.</td>

                <td><input name="emailaleternativo" type="text" id="emailaleternativo" style="width:100%"  /></td>

              </tr>

            </table>   

      </s:div>

      <br>

</div>

<!—Chamada-->

<button id="add" onclick="formOpen()" >show</button>

And now, i want call it with dialog!  like jqgrid makes with edit and view data in dialog!

Bu i don´t know make this!

I need create my own form like too, for adding and saving data and i need call with dialog.

How do you make this?

Could you help me?

Thanks!

I guess sometimes it just helps to talk through a problem by yourself to diagnose the issues!

Back to the grindstone!

I guess my only other question was related to why the Title of the span is changed to the new value, but the contents of the span retain its original value (or so this is how it seems to react).  After I change the value of the cell, the displayed value is always correct.  However, when I hover OVER the cell, I see its original value in the hover tip.  I'll continue looking at my code to see if this is, once again, a bug in my code.  I verified that the non-tree demo works as expected, so I'm guessing it's my code.

This is what the item in the tree looks like before I edit it:

I edit it and change the words "Another Title" to "Changed Title" and now the same element looks like:

When I edit it again, even BEFORE I actually perform the edit, it gets changed to:

Am I missing something here?

vl = t.formatter( rowid, data[nm], i, data, 'edit');
title = this.title ? {"title":$.jgrid.stripHtml(vl)} : {};
if(t.p.treeGrid===true && nm == t.p.ExpandColumn) {
  $("td:eq("+i+") > span:first",ind).html(vl).attr(title);
} else {
  $("td:eq("+i+")",ind).html(vl).attr(title);
}

and I am wondering if this might have something to do with it.  Seeing as I've only been using jqGrid for one day, I'm a noob here so this may just be grasping at straws.

Thanks again.

I'm building an application that uses jqGrid and I've written my own custom form for editing data.  Everything is working fine but now I'm to the point where I need to update the grid once the data has been saved.

I'd like to only update the SINGLE row that gets added, or edited, but as I've done my own custom dialog (it is a jQuery Dialog, btw), I am not sure what functions I need to call to update the grid with the modified data.  Is there any way to achieve this or do I have to just trigger the entire grid to reload?

Thanks in advance.