jQuery Grid Plugin - jqGrid - Topic: Add your own custom buttons to a form edit dialog page

Nathan on Add your own custom buttons to a form edit dialog page

Sun, 26 Jun 2011 03:13:11 +0300

I put the code in the onInitializeForm method.

nickelj on Add your own custom buttons to a form edit dialog page

Sat, 25 Jun 2011 21:13:37 +0300

Thanks so much for your reply!

Where in the jqgrid code would you put this clone code?

In the beforeshowform?

Jim

Nathan on Add your own custom buttons to a form edit dialog page

Sat, 25 Jun 2011 21:03:53 +0300

Hi:

You can do this and here's the steps for how got it working.

1. Clone the submit or cancel button

var clone = $('#sData').clone();

2. Change the properties of the clone element

change the id :clone.attr('id','btn_something_unique');

change the name : clone.attr('name','btn_something_unique');

3. Insert the clone after the element you want:

clone.insertAfter('#SOME_CONTROL');

4. I use UI button so add that to the button created:

$("#btn_something_unique").button({

label :"something"

}).click(function(){

//what the button needs to do

});

5. Because the UI button adds some extra classes we should remove them so the buttons look the same

$('#btn_something_unique').removeClass('ui-button ui-widget ui-button-text-icon-primary');

That should get you going.

nickelj on Add your own custom buttons to a form edit dialog page

Tue, 31 May 2011 02:24:38 +0300

Hi,

Is there someway to add your own buttons to a form edit dialog page beside either the next/previous navigation buttons or beside the submit/cancel buttons?

I would like a button that allows the user to print an envelope while a customer record is displayed in the Form Edit dialog

I do know I can add my own buttons to the bottom of the grid - it would be nice to do it on the Form Edit too.

Thanks!

Jim