<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
	<title>jQuery Grid Plugin - jqGrid - Topic: Image not clickable in cell in IE using onCellSelect</title>
	<link>http://www.trirand.com/blog/?page_id=393/bugs/image-not-clickable-in-cell-in-ie-using-oncellselect</link>
	<description><![CDATA[Grid plugin]]></description>
	<generator>Simple:Press Version 5.7.5.3</generator>
	<atom:link href="http://www.trirand.com/blog/?page_id=393/bugs/image-not-clickable-in-cell-in-ie-using-oncellselect/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>tony on Image not clickable in cell in IE using onCellSelect</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/image-not-clickable-in-cell-in-ie-using-oncellselect#p6776</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/image-not-clickable-in-cell-in-ie-using-oncellselect#p6776</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>This is absolutley true. There is a bug in IE where the fidden columns (colIndex) is not calculated right. In Order to resolve the problem in IE you should move all the hidden coumns at end (in colModel) in your case this should be:</p>
</p>
<pre>colModel :[<br />{name:&#39;fullname&#39;,index:&#39;fullname&#39;, width:250,align:"left",sorttype:"text"},<br />{name:&#39;username&#39;,index:&#39;username&#39;, width:250,align:"left",sorttype:"text"},<br />{name:&#39;officelocation&#39;,index:&#39;officelocation&#39;, width:180,align:"left",sorttype:"text"},<br />{name:&#39;stafftype&#39;,index:&#39;stafftype&#39;, width:180,align:"left",sorttype:"text"},<br />{name:&#39;userdetail&#39;,index:&#39;userdetail&#39;, width:50,sortable:false},<br /><strong>{name:&#39;id&#39;,index:&#39;id&#39;,sorttype:"int", hidden:true}</strong><br />]<br /><br />Regards<br />Tony<br /></pre>
]]></description>
        	        	<pubDate>Wed, 20 May 2009 09:54:13 +0300</pubDate>
        </item>
        <item>
        	<title>sonicdivx on Image not clickable in cell in IE using onCellSelect</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/image-not-clickable-in-cell-in-ie-using-oncellselect#p6768</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/image-not-clickable-in-cell-in-ie-using-oncellselect#p6768</guid>
        	        	<description><![CDATA[<p>We are having an issue where an image tag loaded via JSON is not clickable in IE (FF it is fine). If I click in the cell on empty area the click is registered.</p>
<p>I added a an alert to check. Thanks</p>
<p>Kevin</p>
<p>The JSON looks like this (just first record)</p>
<pre>{"ROWS":[[1179,"AA, BB","ABBY34@testme.com","","","&#60;img src=\\"\\/includes\\/images\\/buttons\\/ico_edit.gif<br />\\" style=\\"border: medium none ;\\" alt=\\"edit record\\" \\/&#62;"]<br /><br />jqGrid <br /><br />$("#list").jqGrid(<br />			{<br />				url:&#39;/model/administration.cfc?method=getUsers&#39;, //CFC that will return the users<br />				datatype: &#39;json&#39;, //We specify that the datatype we will be using will be JSON<br />				colNames:[&#39;ID&#39;,&#39;Fullname&#39;,&#39;Username&#39;,&#39;Office Location&#39;,&#39;Staff Type&#39;,&#39;det&#39;], //Column Names<br />				/*<br />				The Column Model to define the data. Note you can make columns non sortable, specify width, alignment, etc.<br />				We also specify the editoptions, edittype=text shows a nice textbox for inline edit. <br />				We have also specified Edit Rules, to say which fields are required/not required for add/edit<br />				*/<br />				colModel :[<br />					{name:&#39;id&#39;,index:&#39;id&#39;,sorttype:"int", hidden:true},<br />					{name:&#39;fullname&#39;,index:&#39;fullname&#39;, width:250,align:"left",sorttype:"text"},<br />					{name:&#39;username&#39;,index:&#39;username&#39;, width:250,align:"left",sorttype:"text"},<br />					{name:&#39;officelocation&#39;,index:&#39;officelocation&#39;, width:180,align:"left",sorttype:"text"},<br />					{name:&#39;stafftype&#39;,index:&#39;stafftype&#39;, width:180,align:"left",sorttype:"text"},<br />					{name:&#39;userdetail&#39;,index:&#39;userdetail&#39;, width:50,sortable:false}<br />				],						   					<br />				pager: $(&#39;#pager&#39;), //The div we have specified, tells jqGrid where to put the pager<br />				rowNum:20, //Number of records we want to show per page<br />				rowList:[10,20,30,50], //Row List, to allow user to select how many rows they want to see per page<br />				sortorder: "asc", //Default sort order<br />				sortname: "lastname", //Default sort column<br />				postData: {usertype: &#39;internal&#39;},<br />				viewrecords: true, //Shows the nice message on the pager<br />				imgpath: &#39;/includes/js/jqGrid_themes/basic/images&#39;, //Image path for prev/next etc images<br />				//caption: &#39;Users&#39;, //Grid Name<br />				height:&#39;auto&#39;, //I like auto, so there is no blank space between. Using a fixed height can mean either a scrollbar or a blank space before the pager<br />				mtype:&#39;GET&#39;,<br />				cellEdit: false,<br />				recordtext:&#39;Total Records&#39;, //On the demo you will notice "7 Total Records" - The Total Reocrds text comes from here<br />				//pgtext:&#39; of&#39;, //You notice the 1/3, you can change the /. You can make it say 1 of 3<br />				//editurl:"/model/administration.cfc?method=addeditUser", //The Add/Edit function call<br />				//toolbar:[true,"top"], //Shows the toolbar at the top. We will use it to display user feedback	 			<br />				//Things to do when grid is finished loading<br />				loadComplete:function(){<br />						//We get the Userdata for the grid.<br />						var recorddata = $("#list").getUserData();<br />						//show the msg in the toolbar<br />						$("#t_list").html(recorddata.MSG);<br />					},<br />				onCellSelect: function(rowid, iCol, cellcontent) {<br />					alert(iCol); // this is a test for click<br />					if (iCol == 5 &#124;&#124; iCol == 4 ) {<br />					//alert(rowid + ":" + iCol +":"+ cellcontent);<br />					var ret = jQuery("#list").getRowData(rowid); //alert("id="+ret.id+" invdate="+ret.username+"..."); <br />					$.nyroModalManual({<br />					url: &#39;index.cfm?event=ehAdmin.dspInternalUserEdit&#39;,<br />					ajax: {data: &#39;userId=&#39;+ret.id+&#39;&#38;username=&#39;+ret.username+&#39;&#38;fullname=&#39;+ret.fullname, type: &#39;POST&#39;},<br />					type: &#39;form&#39;,<br />					modal: false,<br />					bgColor: &#39;#666666&#39;,<br />					width: 680,<br />					height: 410,<br />					minWidth: 680, // Minimum width&#60;strong&#62;&#60;/strong&#62;<br />					minHeight: 410, // Minimum height<br />					//resizeable: true, // Indicate if the content is resizable. Will be set to false for swf<br />					autoSizable: true,<br />					closeButton: &#39;&#60;a href="#" class="nyroModalClose" id="closeBut" title="close"&#62;Close&#60;/a&#62;&#39;<br />				});<br />				return false;<br />					}<br />				},<br />				//The JSON reader. This defines what the JSON data returned from the CFC should look like<br />				jsonReader: {<br />					root: "ROWS", //our data<br />                    page: "PAGE", //current page<br />                    total: "TOTAL", //total pages<br />                    records:"RECORDS", //total records<br />					userdata:"USERDATA", //Userdata we will pass back for feedback<br />					cell: "", //Not Used<br />					id: "0" //Will default to frist column<br />					}<br />				}<br /><br />Sample of table render<br /><br />&#60;tr id="1179" class="jqgrow"&#62;<br />	&#60;td title="1179" style="display: none;"&#62;1179&#60;/td&#62;<br />	&#60;td title="AA, BB" style="text-align: left;"&#62;AA, BB&#60;/td&#62;<br />	&#60;td title="ABBY34@testme.com" style="text-align: left;"&#62;ABBY34@testne.com&#60;/td&#62;<br />	&#60;td title="&#160;" style="text-align: left;"&#62;&#160;&#60;/td&#62;&#60;td title="&#160;" style="text-align: left;"&#62;&#160;&#60;/td&#62;<br />	&#60;td title="undefined"&#62;&#60;img alt="edit record" style="border: medium none ;" src="/includes/images/buttons/ico_edit.gif"/&#62;&#60;/td&#62;<br />&#60;/tr&#62;</pre>
]]></description>
        	        	<pubDate>Wed, 20 May 2009 07:58:56 +0300</pubDate>
        </item>
</channel>
</rss>