trevorsharrisonand thanks for fixing the layout of this site.
trevorsharrisontony said:
Hello,
To find and understand what is the problem a link to the page is recomended.
You van e-mail me to: tony at trirand dot com.
Regards
Tony
I've setup a demo page: http://www.eci-usa.net/jqgrid/multiselect.html
This doesn't exhibt the 'additional symptom' that I listed, but it does show the main problem (not being able to select text).
Also, is there a way to allow the user to click on the checkbox to select a row instead of requiring the user to use the multikey?
trevorsharrisontony said:
Hello,
I have play little with jQuery UI sortable.
It can not work on td – i.e
fff sss $(”.sort”).sortable(…);
But it work with (bugs) on table rows – i.e this work
fff sss fff sss …
$(”.sort”).sortable(…);
We need actually the first one. I will post a question in the jQuery UI group
about this. If this can be done – it will save me a lot of writting code.
Best Regards
Tony
I realize that this thread is a little bit old, but if you are still looking for techniques for column drag and drop, you might want to look at flexigrid: http://groups.google.com/group/flexigrid/
trevorsharrisonI don't directly use it.
trevorsharrisonWell, maybe not exactly if (… ), but there is something equivilent.
trevorsharrisonMy bad.
trevorsharrisonMy brain hasn't been working full speed recently, so I apologize for not including this piece of info earlier:
I can also reproduce this under IE7.
trevorsharrisontony said:
Hello Trevor,
Please check the id of the grid. Something is not good with the ids –
I mean some symbols or at least you have duplicated id's of the grid.
Remember – the id's should be uniquie.
Best Regards
Tony
Id of the grid or id for that row data?
I've simplified my html down to:
|
1 |
<span class="doctype"></span><br /><br /><<span class="start-tag">html</span>><br /><br /><<span class="start-tag">head</span>><br /><br /> <<span class="start-tag">meta</span><span class="attribute-name"> http-equiv</span>=<span class="attribute-value">"content-type" </span><span class="attribute-name">content</span>=<span class="attribute-value">"text/html;charset=iso-8859-1"</span>><br /><br /> <<span class="start-tag">link</span><span class="attribute-name"> rel</span>=<span class="attribute-value">"stylesheet" </span><span class="attribute-name">type</span>=<span class="attribute-value">"text/css" </span><span class="attribute-name">media</span>=<span class="attribute-value">"screen" </span><span class="attribute-name">href</span>=<span class="attribute-value">"jqGrid/themes/basic/grid.css" </span><span class="error"><span class="attribute-name">/</span></span>><br /><br /> <<span class="start-tag">link</span><span class="attribute-name"> rel</span>=<span class="attribute-value">"stylesheet" </span><span class="attribute-name">type</span>=<span class="attribute-value">"text/css" </span><span class="attribute-name">media</span>=<span class="attribute-value">"screen" </span><span class="attribute-name">href</span>=<span class="attribute-value">"jqGrid/themes/jqModal.css" </span><span class="error"><span class="attribute-name">/</span></span>> <br /><br /> <<span class="start-tag">script</span><span class="attribute-name"> type</span>=<span class="attribute-value">"text/javascript" </span><span class="attribute-name">src</span>=<span class="attribute-value">"scripts/jquery-1.2.6.js"</span>></<span class="end-tag">script</span>><br /><br /> <<span class="start-tag">script</span><span class="attribute-name"> src</span>=<span class="attribute-value">"jqGrid/jquery.jqGrid.js" </span><span class="attribute-name">type</span>=<span class="attribute-value">"text/javascript"</span>></<span class="end-tag">script</span>><br /><br /> |
|
1 |
<<span class="start-tag">script</span><span class="attribute-name"> src</span>=<span class="attribute-value">"jqGrid/js/jqModal.js" </span><span class="attribute-name">type</span>=<span class="attribute-value">"text/javascript"</span>></<span class="end-tag">script</span>><br /><br /> <<span class="start-tag">script</span><span class="attribute-name"> src</span>=<span class="attribute-value">"jqGrid/js/jqDnR.js" </span><span class="attribute-name">type</span>=<span class="attribute-value">"text/javascript"</span>></<span class="end-tag">script</span>><br /><br /> <br /></<span class="end-tag">head</span>><br /><br /><<span class="start-tag">body</span>><br /><br /><<span class="start-tag">div</span><span class="attribute-name"> style</span>=<span class="attribute-value">"position: absolute; left: 0px; top: 30px; right: 0px; bottom: 10px; overflow: auto;"</span>><br /><br /> <<span class="start-tag">table</span><span class="attribute-name"> id</span>=<span class="attribute-value">"list" </span><span class="attribute-name">class</span>=<span class="attribute-value">"scroll" </span><span class="attribute-name">style</span>=<span class="attribute-value">"width: 100%;"</span>></<span class="end-tag">table</span>><br /><br /></<span class="end-tag">div</span>><br /><br /><br /><<span class="start-tag">script</span><span class="attribute-name"> type</span>=<span class="attribute-value">"text/javascript"</span>><br /><br /><br />function setupGrid( columninfo /* array of { title, name, width } */)<br /><br />{<br /><br /> var colNames = [ ];<br /><br /> var colModel = [ ];<br /><br /> for(var i = 0; i < columninfo.length; i++)<br /><br /> {<br /><br /> colNames.push( columninfo<i>.title );<br /><br /> var cm = { name: columninfo</i><i>.name, index: columninfo</i><i>.name, width: columninfo</i><i>.width * 12, sortable: columninfo</i><i>.sortable };<br /><br /> if ( cm.name == "__icon" ) cm.resizable = false;<br /><br /> colModel.push( cm );<br /><br /> }<br /><br /> jQuery("#list").jqGrid(<br /><br /> {<br /><br /> url:"GetGroupMembers.do",<br /><br /> datatype: 'json',<br /><br /> mtype: 'GET', <br /><br /> colNames: colNames,<br /><br /> colModel: colModel,<br /><br /> pager: jQuery('#pager'),<br /><br /> rowNum:50,<br /><br /> hidegrid: false,<br /><br /> height: "auto",<br /><br /> shrinkToFit: false,<br /><br /> rowList:[10,20,30,50,100,200],<br /><br /> sortname: colModel[1].index,<br /><br /> sortorder: "desc",<br /><br /> viewrecords: true,<br /><br /> imgpath: 'jqGrid/themes/basic/images',<br /><br /> viewrecords: true,<br /><br /> multiselect: false,<br /><br /> }<br /><br /> );<br /><br />}<br /><br />jQuery(document).ready(<br /><br /> function()<br /><br /> {<br /><br /> $.getJSON("GetGroupColumnInfo.do", function(data)<br /><br /> {<br /><br /> setupGrid(data.columninfo);<br /><br /> } );<br /><br /> }<br /><br />);<br /><br /></<span class="end-tag">script</span>><br /><br /></i> |
|
1 |
</<span class="end-tag">body</span>><br /><br /></<span class="end-tag">html</span>><br /><br /><br /><br /> |
My column definition data can be viewed at http://www.eci-usa.net/jqgrid/coldata.txt and the rowdata is at http://www.eci-usa.net/jqgrid/jsondata.txt
The id of each row is being generated by a auto-inc number on the serverside (for testing), so its just 0…rowcount.
My column definitions do have spaces in the column name, dunno if thats relavant.
-Trevor
trevorsharrisonoh, didn't mention that I'm using jquery 1.2.6, and latest of jqGrid (as of last week).
-Trevor
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top