thanks a lot for the reply. I've built my custom tooltip and integrated, but yeah., cluetip gives better features.

You can use cluetip plugin or similar to accomplish this.

  Add a custom formatter option to the colModel that returns a span with class tooltip and rel='/my/tip/url/' + row_id.  

  Apply the cluetip in loadComplete.

pseudo example:

exampleFormatter = function (cellvalue, options, rowObject) {
     return '<span class="tooltip" rel="/my/tooltip/url?id='+ options.rowId +'">' 
         + cellvalue + '</span>' 
}  

grid_options = {  
    colModel : [  
        {name:'example', index:'example', formatter:exampleFormatter,    
            stype:'none', width:120}
    ],   
    loadComplete: function() {       
       $('.tooltip').cluetip({ closePosition: 'title', ajaxCache: false, width: '400px'});
    } 
}

or some variation.

This will surely help me in fulfilling one of our requirements.

I'm looking for displaying additional content on hover of a cell. Any inputs on this?

I've tried this but it's not working. Any inputs on this will be appreciated.

Our users love it and performs great. I can highly recommend it and have not had issues with it and Tony's

support and feedback support is excellent. I had trouble with cell editing about a year ago and decided to go

with form editing (modal dialog popup) for all my editing, but I know the cell editing has received a lot of work

and has been improved so cannot speak to what it looks like now.

Since you asked quite a few questions, let me address the Street address, zip code question. What I do this a

lot in places where I want to cram the data together, that in the back-end-DB, is separated, like contact names,

is to have for example the following where I show it for a contact's full name, with the ability to update each,

First, Middle and Last Name in edit/add mode (form edit):

Now, as far as your address question for over several lines, you could do this on the server-side when you define

the format for lets say a FullAddress property:

FullAddress in your DTO is:

I used the below code for jsonReader:

$("#testGrid").jqGrid({
   jsonReader : {
      root:"invdata",
      page: "currpage",
      total: "totalpages",
      records: "totalrecords",
      repeatitems: false,
      id: ""
   }
});

When id is set to empty, it is taking row index as id. So row specific user data can be easily fetched using:
$("#testGrid").getUserDataItem( key ).
Hope what I was doing is correct...

For (1), custom formatter is working. That is what I am looking for.

For (3), I'm not able to get multi select option in dropdown.. I think I should place a custom button in a new toolbar and enhance the excel filtering functionality.

For(2), I have not gone till creation of tool tip as I'm facing problems while fetching additional data for each row. This is my problem:

I am storing additional data related to each row in an array and returning that array through “userdata” JSON object. When I click on a row in the grid, I need to access the userdata of that row. For this, I'm writing the below code:

onSelectRow: function(id) {
            var myUserData = $('#testGrid').getUserData();
            alert(myUserData[id]);
},

This is working when my id is same as index of myUserData array. However, in real case, the id of my row will be like “1001″, “1002″ etc. In this case, how should I access my row specific userdata? I can't use id here as my myUserData array would go out of bounds. I want to get row index here. How should i do that?

1. Not sure what you mean with this, but you can use a custom formatter for this purpose. If you mean additional row - currently this is not possible.

2. Maybe you will need to use afterInsertRow event.

3. To be a honest I never try this , but you can

colModel :[

{name:'somename'... stype:'select', searchoptions:{multiple:true, size:3}..}

...

]

Best Regards

Tony

I tried using jqGrid and liked it a lot! So suggested this to our architects and we are using it in a huge ASP.NET project (a website with over 600 pages). Our project has really complex grids, so am wondering how these requirements can be handled. Some of them are:

1. Displaying data in multiple lines in each row. E.g., if the column is address, it should show street name, city, zip in different lines of a single grid row. How should i format data?

2. On hovering hyperlinks of few columns, a popup should show out showing additional data related to that row. I guess we can use plugins like jTip/clueTip etc for the popup, but how should I fetch that additional data along with grid data?

3. We need Ms Excel 2007 type of filtering in the grid. jqGrid 3.5 has integrated search toolbar, in which dropdowns can be added. But there, only one value can be selected. Our requirement is., user should be able to select multiple values in the dropdown.

There are few more, but I am curious to know the solutions to these first. Thanks a lot in advance!

Cheers,

Krishna,

http://www.novogeek.com