jQuery Grid Plugin - jqGrid - Topic: viewing long fields in grid http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid Simple:Press Version 5.7.5.3 joseisme on viewing long fields in grid http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid#p9122 Help http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid#p9122 Tony,

Thanks, that fixed it.  I appreciate your help. 

Best Regards,

-Jose

]]> Mon, 31 Aug 2009 09:02:36 +0300 tony on viewing long fields in grid http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid#p9088 Help http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid#p9088 Hello,

See my previous post and modify your style according to what I write.

Best Regards

Tony

]]> Mon, 31 Aug 2009 04:39:14 +0300 joseisme on viewing long fields in grid http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid#p8939 Help http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid#p8939 Hi Tony,

The version of jqgrid is 3.4.4.patched.   Browser is IE8 or firefox 3.5.1  The grid is being generated on a ASP.NET MVC page.

Additionally I have posted below the column model, in case that is important.

Thanks very much,

Jose

colModel: [ { name: 'ProblemId', index: 'ProblemId', width: 75, align: 'left', hidden: true },
{ name: 'ProblemNumber', index: 'ProblemNumber', width: 110 },
{ name: 'OnsetDate', index: 'OnsetDate', width: 150 },
// { name: 'Problem', index: 'Problem', width: 350, edittype: 'textarea', editable: true, editoptions: { rows: "4"} },
{ name: 'Problem', index: 'Problem', width: 350 },
{ name: 'CurrStatus', index: 'CurrStatus', width: 150, sortable: true },
{ name: 'CurrStatusDate', index: 'CurrStatusDate', width: 150, sortable: true }
],

]]> Mon, 24 Aug 2009 09:07:52 +0300 tony on viewing long fields in grid http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid#p8618 Help http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid#p8618 Hello,

You should tell  me which version do you use!

<style>

table.scroll tbody td  {white-space: normal;}

</style>

Regards

Tony

]]> Sat, 15 Aug 2009 02:29:27 +0300 joseisme on viewing long fields in grid http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid#p8568 Help http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid#p8568 Tony,

Thanks for the reply, but I am still unable to make the field expand to display the entire content.  Perhaps I am not placing the in-line style in the right place or do not have the proper style sheet files declared.  Below is a snippet of source from one of my pages – what am I missing? 

IE8, jqgrid 3.4

Thanks again. 

-Jose.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head id="ctl00_Head1"><title>

</title><meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<link href=”../../Content/Site.css” rel=”stylesheet” type=”text/css” />
<link href=”../../Content/Header.css” rel=”stylesheet” type=”text/css” />
<link href=”../../content/details.css” rel=”stylesheet” type=”text/css” />
<link href=”../../scripts/themes/green/grid.css” rel=”stylesheet” type=”text/css” title=”green” media=”screen” />
<link href=”../../Scripts/themes/sunny/jquery-ui-1.7.2.custom.css” rel=”stylesheet” type=”text/css” />

<script src=”../../Scripts/jquery-1.3.2.min.js” type=”text/javascript”></script>
<script src=”../../Scripts/jquery-1.3.2.js” type=”text/javascript”></script>
<script src=”../../Scripts/jquery-ui-1.7.2.custom.min.js” type=”text/javascript”></script>
<script src=”../../Scripts/jquery.jqGrid.js” type=”text/javascript”></script>
<script src=”../../Scripts/js/jqModal.js” type=”text/javascript”></script>
<script src=”../../Scripts/js/jqDnR.js” type=”text/javascript”></script>
<script src=”../../Scripts/js/grid.celledit.js” type=”text/javascript”></script>

<style type=”text/css”>
.ui-jqgrid tr.jqgrow td {white-space: normal;}
</style>

<script type=”text/javascript”>

… etc.

jQuery(document).ready( function()
{
var lastSelected

jQuery(”#list”).jqGrid(
{
url: gridURL ,

… etc.

]]> Thu, 13 Aug 2009 17:03:48 +0300 tony on viewing long fields in grid http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid#p8500 Help http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid#p8500 Hello,

1), 2) After loading the jqGrid CSS

<style>

.ui-jqgrid tr.jqgrow td {white-space: normal;}

</style>

3) The duration of this depends on browser.

Regards

Tony

]]> Thu, 13 Aug 2009 01:34:14 +0300 joseisme on viewing long fields in grid http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid#p8430 Help http://www.trirand.com/blog/?page_id=393/help/viewing-long-fields-in-grid#p8430 Hello,

I am successfully using jqgrid 3.4 in an asp.net MVC project, even though I am not an expert in JavaScript - nice product!  One of the fields in my grid can be up to 250 characters.  I would like to display (read-only) the entire 250 chars in a grid.  By editing the column model like below I am able to show the contents but sorting is lost until I refresh, it is not very attactive, and it confuses users because the think they can edit the content even though it is read-only.


{ name: 'myLongField', index: 'myLongField', width: 350, edittype: 'textarea', editable: true, editoptions: { rows: "6"} }

1) Is there a way to display read only text so that it wraps and can show the entire field content without vertical scrolling? 

2) Can that be done for all rows so that users can see the long content for all records at the same time without having to expand every record individually?

3) if wrapping read-only text is not possible, can I increase the tooltip display duration?  Hovering exposes the content nicely, but it disappears too quickly (~ 10 seconds) I'd like the tooltip to show until the mouse was moved again.

Thank you very much.

Jose.

]]> Mon, 10 Aug 2009 11:38:26 +0300