jQuery Grid Plugin - jqGrid - Topic: Add button inline form http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form Simple:Press Version 5.7.5.3 tony on Add button inline form http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12708 Help http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12708 Hello,

Try NOT TO ADD class EditButon for the input element. We already have it.

      var bC  =”<input id=\\”ccData\\” class=\\”EditButton\\” type=\\”button\\” value=\\”copy\\”  onclick=\\”duplicateSample()\\”>”
      $(”.EditButton”,form_id).append(bC);

]]> Thu, 03 Dec 2009 14:00:01 +0200 Cyril on Add button inline form http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12691 Help http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12691 Many thanks again Tony for your help.

It's almost working. Here's the code.

$(”#defineSample”).navGrid('#pagerDefineSample',
    {edit:true,add:true,del:true,search:false,refresh:true},
    {
       editCaption: “Edit Sample”,
       (…)   
        },

    onInitializeForm : function(form_id) {
      var bC  =”<input id=\\”ccData\\” class=\\”EditButton\\” type=\\”button\\” value=\\”copy\\”  onclick=\\”duplicateSample()\\”>”
      $(”.EditButton”,form_id).append(bC);
    (…)                   
    }
           
…

function duplicateSample(){
       
  var idSample = jQuery(”#defineSample”).getGridParam('selrow');
  var id = jQuery(”#defineSample”).getGridParam('selrow');
                   
  if (id) {                       
    //on recupere les données de la ligne selectionnée
    var idSample = $(”#defineSample”).getRowData(id);
    $.ajax({
      type: “POST”,
      url: “include/ajax/smplDuplicate.php5?sampleId=”+id+”&requestId=”+document.getElementById('reqId').value,
      data: “sampleId=”+id,
      success: function(msg){
      $(”#defineSample”).trigger(”reloadGrid”);
    }                       
  );//if id                                               
  } else {
    errorMsg('Please, select a sample to duplicate first!');
}

                   
        }

           

There's still something wrong as it works on Firefox but not on IE.

I'm loosing Close and Submit actions on IE and the form doesn't open easily, as Firefox. Funny…

]]> Thu, 03 Dec 2009 10:25:25 +0200 tony on Add button inline form http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12683 Help http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12683 Hello,

Give the button diffrent id as of cData -  eg. ccData or something else

These cData, pData, nData, sData - are defined before in the form

Best Regards

Tony

]]> Wed, 02 Dec 2009 18:24:08 +0200 Cyril on Add button inline form http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12682 Help http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12682 It's almost ok !

Here's the code

onInitializeForm : function(form_id) {
     var bC  ="<input id=\\"cData\\" type=\\"button\\" value=\\"Copy\\"
onclick=\\"duplicateSample();\\"/>";                   
     $(".EditButton",form_id).append(bC);
...

where duplicateSample() display only an alert('hello Tony');

The funny thing is my original submit and close button don't work anymore. I can saw them, but close doest close the form.

                       

]]> Wed, 02 Dec 2009 18:14:31 +0200 Cyril on Add button inline form http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12672 Help http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12672 Millions a thanks! I going to try that right now.

]]> Wed, 02 Dec 2009 17:11:10 +0200 tony on Add button inline form http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12671 Help http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12671 Hello,

Inline editing (as you say in first post) is diffrent from form editing.

You can use onInitializeForm event to add a custom button in the form something like:

onInitializeForm : function (formid)

{

$(”.EditButton”,formid).append(append here your button);

// bind click to the botton here

}

Regards

Tony

]]> Wed, 02 Dec 2009 17:09:49 +0200 Cyril on Add button inline form http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12667 Help http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12667 Oh, I know demo page like my pocket. I read everything to learn tu use this great framework.

But this demo doesn't help as I'm trying to add a custom button (to add a duplicate fonction) in the edit form itself. Not in the grid. You know, before the "submit" button, I would like to have my custom button: duplicate.

]]> Wed, 02 Dec 2009 17:03:16 +0200 tony on Add button inline form http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12661 Help http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12661 Hello,

Could you please look at demo page - section Row editing

Another possibility is to use custom formater

Regards

Tony

]]> Wed, 02 Dec 2009 16:41:29 +0200 Cyril on Add button inline form http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12658 Help http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12658 Sorry to ask again... I'm really stuck Embarassed

]]> Wed, 02 Dec 2009 16:10:53 +0200 Cyril on Add button inline form http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12645 Help http://www.trirand.com/blog/?page_id=393/help/add-button-inline-form#p12645 Hi folks,

I'am able to add a custom button in grid pager, but not in edit Inline form.

Help would be appreciate.

Regards.

]]> Wed, 02 Dec 2009 11:05:14 +0200