Intersoft Community - ContextMenu

WebGrid Context-Menu won't work

nacpretty@hotmail.com — Fri, 27 Jun 2014 11:04:43 GMT

Good day,

I'm trying to enable a custom ContextMenu on my WebGrid and it simply won't work.

Goal: context-menu to show an "edit" option, which will open an ajaxToolkit ModalPopup allowing me to edit the row (there is more info in this window than presentable in the grid, so editing the grid cells is not enough). Clicking "Ok" on the modalPopup will save the object and update the database. I'm using customObject, not ISDataSource or anything like that.

Here's what I've tried, and the problems each solution is presenting.

1. Create my own context menu, and attach to the WebGrid. (KB: http://www.intersoftpt.com/Support/WebGrid/KBArticle/Create-your-own-specific-row-context-menu-on-WebGrid/)

a. The sample downloaded from the page will show the context-menu on upper-left corner on Chrome, FireFox and Safari. Won't show anything on IE.

b. When it opens up in the wrong place, I click the option I want to activate and it won't do anything. My code was updated to have an OnMenuItemClicked event coded. AutoPostBostBack is set to "Yes". The event is not called on the server-side

2. Tried to change the built-in context menu of the grid (KB: http://www.intersoftpt.com/Support/WebGrid/Tutorial/Text/Customize-Context-Menu/ )

a. There are options that won't even detect the mouse-hover to change the option style

b. Clicking on any option won't call any client-side nor server-side event. I need server-side, but couldn't even make an "alert('Hello world');" to work here.

3. Added a ButtonColumn and tried to make it work from there

a. The effect is ugly and un-wanted, but it calls the server side events. But the ajaxToolkit modalPopup simply will not show up. I'm using the server-side "Show()" method to show it and it won't work

b. I isolated the ModalPopup panel in a new page, added a button a called the "Show()" method on the server side from it, and it worked as expected. Made me think the problem is associated with the WebGrid.

One favor I ask: if you're providing help here, please do attach sample codes so I can see what you see. I've browsed through some posts and people suggest lots of things and the discussion goes for over 1 week until they find out it's something simple in the code that was not provided. I don't want to lose two or three weeks to solve something potentially simple.

Thank you very much

RowContextMenu Issue

qq397472251 — Tue, 28 Dec 2010 21:45:14 GMT

I want to hide the blue lines when I hide some menus.
how to do it?Or how can I custom the menu on assigned position???

(please see the attach picture!)

function WebGrid1_OnRowContextMenu(controlId, rowType, rowElement, menuObject) {

    menuObject.Items.GetNamedItem("mnuCopyCell").Hide();
    menuObject.Items.GetNamedItem("mnuCopyRow").Hide();
    menuObject.Items.GetNamedItem("mnuCopyTable").Hide();
    menuObject.Items.GetNamedItem("mnuHelp").Hide();
    menuObject.Items.GetNamedItem("mnuDelete").Hide();
    menuObject.Items.GetNamedItem("mnuRefresh").Hide();
    menuObject.Items.GetNamedItem("mnuEdit").Hide();
    
    var addOne = new WebMenuItem();
    addOne.Text = '添加1行';
    addOne.OnClick = "insertGridRows(1)";
    menuObject.Items.Add(addOne);
    var deleteRows = new WebMenuItem();
    deleteRows.Text = '删除多行';
    deleteRows.Name = 'delterows';
    deleteRows.OnClick = "deleteMutRows()";
    menuObject.Items.Add(deleteRows);

}

how can i add a menu item to the ContextMenu in WebGrid?

qq397472251 — Mon, 09 Aug 2010 01:30:21 GMT

how can i add a menu item to the ContextMenu in WebGrid?

for example:
the menu item contains the event:
function add()

{....}

help me please!!!!!!

Default context menu-error-invalid argument in IE7

vinsdeon — Sun, 11 Oct 2009 23:35:31 GMT

After updating our project from webgrid 6 to webgrid 7 using webui 2009 r1, we have got a weird problem. No context menu appears on any of the webgrid in IE7. No problems with firefox. In firefox both default and custom context menu are coming. But in IE7 when i click on webgrid(either header or row), javascript error shows, Invalid argument. If i create a seperate test page am able to obtain the context menu in IE7. But i cant find what is the reason it is not getting in my project. This all happened after upgrading the dlls from old webui to new one. So what could be the reasons?

Remove item from Export Menu

alagarde — Mon, 28 Sep 2009 12:07:01 GMT

Is it possible to remove items from the WebGrid Export menu? I would like to particularly remove the HTML choice.

Thanks,

How can I remove grid filter options like "Is Not Empty" or 'Is Null' etc.

civansmail@gmail.com — Fri, 21 Aug 2009 02:48:59 GMT

How can I remove (or dont show) grid filter options like "Is Not Empty" or 'Is Null' etc. Detail is in attached file.

Customise

vinsdeon — Wed, 19 Aug 2009 07:55:20 GMT

Take a look at the following code. Here is how am adding context menu to my webgrid.

What am doing is moving the LoadMoreData option in context menu from the top position to the last one. This means my custom context menu items(which are X,Y) are always appear from top of the context menu and LoadMoreData as the third Item. Am hiding all other default context menu items in my code as shown below. The code is as told by the support team. The solution works fien for one time click. From the next click onwards, script error occurs. You can test the following code on any webgrid.

var i=0;
function HandleRowContextMenu(controlId, rowType, rowElement, menuObject)
{
    //==========Add Custom menu items to context menu===================//  
        //View Menu  
        var x = new WebMenuItem();
        x.Text = 'X';
        x.Name = "X";
        x.ImageURL= "../CommonLibrary/Images/wg_view.gif" 
        x.OnClick = "gotoX";
       //Delete Menu  
        var y = new WebMenuItem();
        y.Text = Y';
        y.Name = "Y";
        y.ImageURL= "../CommonLibrary/Images/customer.gif" 
        y.OnClick = "gotoY";   
        var grid = ISGetObject(controlId); 
                 
         menuObject.Items.Add(x);
         menuObject.Items.Add(y);
    //==========Hide Context menu items===================//

      menuObject.Items[5].Hide();
      menuObject.Items[6].Hide();
      menuObject.Items[7].Hide();
      menuObject.Items[30].Hide();
      menuObject.Items[31].Hide();
      menuObject.Items[34].Hide();
      menuObject.Items[35].Hide(); 

  
    if(i!=1)
   {
      var loadMoreItem = menuObject.Items.GetNamedItem("mnuLoadMore");
      menuObject.Items.Move(32, menuObject.Items.length - 1);  //Move mnuLoadMore to last index
       menuObject.Items.UpdateChanges();
       i=1;
  }
       
      return true;       
}

This works for the case, where there are only default context menu items(ie; no X,Y). The LoadMoreData appears as the last item on each click and the functionality works fine. After that i changed the code. I removed the flag option(the 'i'), from the code so that the context menu binding does always. Now am able to get the context menu in each click, but with reduced items, or with weird items or something like that. Now check the code below, which is the one am using currently, where LoadMoreData appears as the first item default, and the rest of the context menu items.

function HandleRowContextMenu(controlId, rowType, rowElement, menuObject)
{
    //==========Add Custom menu items to context menu===================//  
        //View Menu  
        var x = new WebMenuItem();
        x.Text = 'X';
        x.Name = "X";
        x.ImageURL= "../CommonLibrary/Images/wg_view.gif" 
        x.OnClick = "gotoX";
       //Delete Menu  
        var y = new WebMenuItem();
        y.Text = Y';
        y.Name = "Y";
        y.ImageURL= "../CommonLibrary/Images/customer.gif" 
        y.OnClick = "gotoY";   

                 
         menuObject.Items.Add(x);
         menuObject.Items.Add(y);
    //==========Hide Context menu items===================//

      menuObject.Items[5].Hide();
      menuObject.Items[6].Hide();
      menuObject.Items[7].Hide();
      menuObject.Items[30].Hide();
      menuObject.Items[31].Hide();
      menuObject.Items[34].Hide();
      menuObject.Items[35].Hide(); 

      return true;       
}

In short my requirement is very simple, i would like to move the default context menu items to the position i want. For eg: say i have got 2 items add, delete in the context menu, then i would like to get the LoadMoreData option as the third one or say second one. i would like to know the name of each default context menu items(like mnuLoadmore). Hope for a solution as early as possible.