Showing new list element form on button click

does anyone know how to show the new list element form on button click, that I have on my custom aspx page? Like when you have a sharepoint list and you click on "add item" and a new element form loads up in a new dialog window? I need the same thing to happen when I click on my button. I know how to do that in Sharepoint Designer, but I need to do it programmatically in visual studio. I assume Javascript must be involved in some way and I am terrible with it. Thaks in advance!

One more question - do you know of a way to refresh the original page, the one that has the button, upon closing of the dialog window? Here is the scenario:

1. I press the button,
2. it opens the dialog window,
3. I add an element to a Sharepoint list via it,
4. I close the dialog window,
5. I need the original page r开发者_C百科efreshed, so it repopulates the

   DropDownList and adds the title of this new list item to it.

The javascript code to achieve that varies with the type of list you are using (Tasks, document library, etc).

To open a Sharepoint dialog window you can use the following javascript:

var options = {
  url: '<url to the add item page>',
  title: '<Title of your Dialog>'
}; 

// add an event handler for the dialog closed callback
options.dialogReturnValueCallback = Function.createDelegate(null, portal_modalDialogClosedCallback);

void(SP.UI.ModalDialog.showModalDialog(options))

function portal_modalDialogClosedCallback(result, value) {
    if(result === SP.UI.DialogResult.OK) { 
        //alert("OK was clicked");
    } 
    if(result === SP.UI.DialogResult.cancel) { 
        //alert("CANCEL was clicked");
    }

    window.frameElement.commitPopup(); // this will cause the list to refresh after the dialog closes
    // note: the above line only refreshes the List (which is the default Sharepoint OOB behavior anyway), to refresh the whole page use window.location.reload(); instead
}

The actual URL to use above varies with the type of list. Some examples:

• Document Library-based: [url to your list, e.g. /Lists/MyList]/Forms/Upload.aspx
• Announcements: [url to your list]/NewForm.aspx
• Tasks: [url to your list]/NewForm.aspx

Hope this helps

Take a look at the AjaxControlToolkit, especially ModalPopupExtender

You'll have the use the Modal Dialog Framework and the JS client object model.