Guriddo » mcslayton's Replies

mcslayton

Guriddo

Forum Replies Created

Viewing 13 replies - 1 through 13 (of 13 total)

Author

Replies

August 18, 2015 at 12:12 pm in reply to: Enter Key propagates out of jqGrid when pressed inline edit #124220

mcslayton

Participant

Hi Tony,

The problem has been fixed. Thank you very much for the quick response to resolving this issue.

Regards,

Marv

August 17, 2015 at 3:31 pm in reply to: Enter Key propagates out of jqGrid when pressed inline edit #124212

mcslayton

Participant

Tony,

The whole point of reporting this issue wasn’t that I could not find a fix, but that the behavior of jqGrid v5.0.0 changed from v4.8.2.

If you return to thecybersafe.net you will see that I have two identical versions of this page — one referencing v5.0.0 and the other v4.8.2, with a button on each page to flip back and forth.

The v5.0.0 page clicks the ‘Show Data’ button when you hit enter on the inline edit selected line after you change the description and the v4.8.2 does not.

Applying the fix you mentioned could be a problem since I have hundreds of pages that may or may not have form submit requirements.

Thanks,

Marv

August 17, 2015 at 1:48 pm in reply to: Enter Key propagates out of jqGrid when pressed inline edit #124208

mcslayton

Participant

Hi Tony,

I agree that the page you gave me works okay — why yours works and mine does not I do not know. Here is a link to a totally standalone HTML file that on Windows 10, 8.1 and 7 — any browers — does not work for me.

thecybersafe.net

By the way, after you change the Region description press the Enter key. I get the JSON display of the data object — not the saving of the edited row.

This reply was modified 10 years, 8 months ago by mcslayton.

August 15, 2015 at 5:49 pm in reply to: Enter Key propagates out of jqGrid when pressed inline edit #124191

mcslayton

Participant

<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”InlineEditStandalone.aspx.cs” Inherits=”InlineEditStandalone” %>

<!DOCTYPE html>

<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ />
<title>jqGrid Inline Edit Test</title>
<!– cupertino, redmond, hot-sneaks, start, ui-darkness, mint-choc, smoothness –>
<link type=”text/css” rel=”stylesheet” href=”//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/hot-sneaks/jquery-ui.css” />
<link type=”text/css” rel=”stylesheet” href=”jqGrid/ui.jqgrid.5.0.0.css” />
<style type=”text/css”>
body {
font-family: Arial;
}

.ui-widget {
font-size: 0.8em;
}

.ui-jqrid {
font-family: 0.8em;
}

.ui-widget-overlay {
opacity: 0.4 !important;
background: inherit;
background-color: #aaa;
}
</style>
</head>
<body>
<form id=”form1″ runat=”server”>
<asp:ScriptManager ID=”scriptManager” runat=”server” EnablePageMethods=”true” EnablePartialRendering=”false”>
<Scripts>
<asp:ScriptReference Path=”//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js” />
<asp:ScriptReference Path=”//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js” />
<asp:ScriptReference Path=”~/jqGrid/i18n/grid.locale-en.5.0.0.js” />
<asp:ScriptReference Path=”~/jqGrid/jquery.jqGrid.5.0.0.min.js” />
</Scripts>
</asp:ScriptManager>

<button id=”btnShowData” style=”display: none;”>Show Data</button>
<script type=”text/javascript”>
var data = {};
var lastSel;

function cancelEditing(myGrid) {
if (lastSel != null) {
$(myGrid).jqGrid(‘restoreRow’, lastSel);
var lrid = $.jgrid.jqID(lastSel);
$(“tr#” + lrid + ” div.ui-inline-edit, ” + “tr#” + lrid + ” div.ui-inline-del”).show();
$(“tr#” + lrid + ” div.ui-inline-save, ” + “tr#” + lrid + ” div.ui-inline-cancel”).hide();
}
}

$().ready(function () {
/* jqGrid 5.0.0 introduced a change that propagated the Enter key up the DOM outside the grid — code below cancels this behavior */
//$(document).on(‘keydown’, ‘.ui-jqgrid .editable’, function (e, ui) {
// if (e.which === $.ui.keyCode.ENTER) {
// e.preventDefault();
// }
//});

$(‘#btnShowData’).button().click(function (e, ui) {
alert(JSON.stringify(data));
e.preventDefault();
});

data.rows = [
{ RegionID: 1, RegionDescription: ‘Eastern’ },
{ RegionID: 2, RegionDescription: ‘Northern’ },
{ RegionID: 3, RegionDescription: ‘Southern’ },
{ RegionID: 5, RegionDescription: ‘Testing’ },
{ RegionID: 4, RegionDescription: ‘Western’ }
];

LoadGrid(data);
$(‘#btnShowData’).show();
});
</script>
</form>
</body>
</html>

August 14, 2015 at 1:36 pm in reply to: Enter Key propagates out of jqGrid when pressed inline edit #124187

mcslayton

Participant

I had to add the class .editable to narrow down cancelling the Enter Key only when editing an inline jqGrid entry.

[code]

$(document).on(‘keydown’, ‘.ui-jqgrid .editable’, function (e, ui) {
if (e.keyCode === 13) {
e.preventDefault();
}
});

[/code]

March 23, 2015 at 1:20 pm in reply to: Missing jqGrid defaults in 4.8.0?? #123607

mcslayton

Participant

Hi Tony,

Unfortunately, the change you made didn’t fix the issue. I had already tried adding $.jgrid.defaults to the extend myself, but that didn’t work. My default overrides are ignored.

Excellent product by the way. I am using it extensively, with many of its features and configurations. Awesome!

Marv

June 14, 2013 at 5:11 pm in reply to: Upgrade from 4.5.0 to 4.5.2 breaks sorting Fixed Column grids???? #101137

mcslayton

Participant

tony said:

Hello,

Many thanks. Just fixed the problem in GitHub.

Please let me know if this fix works.

Regards

Hi Tony,

The fix works great! Thanks.

Regards, Marv

May 29, 2013 at 6:04 pm in reply to: Upgrade from 4.5.0 to 4.5.2 breaks sorting Fixed Column grids???? #101083

mcslayton

Participant

tony said:

Hello,

In which brower is this. I can

May 28, 2013 at 11:21 pm in reply to: Upgrade from 4.5.0 to 4.5.2 breaks sorting Fixed Column grids???? #101075

mcslayton

Participant

OlegK said:

Hi Marv,

I think it's the old problem described here and here. As the workaround you can include

$('#tabGrid').triggerHandler('jqGridAfterGridComplete');
after
$('#tabGrid').jqGrid('setFrozenColumns');

In my opinion the method setFrozenColumns should execute the event handler

May 28, 2013 at 8:34 pm in reply to: Upgrade from 4.5.0 to 4.5.2 breaks sorting Fixed Column grids???? #101071

mcslayton

Participant

tony said:

Hello,

Many thanks. Fixed in GitHub

Regards

Hi Tony,

Thanks for the quick fix. It does fix the sorting issues when frozen columns are used, BUT, the issue with the rows sliding under the frozen columns is still there.

The test case is:

May 28, 2013 at 6:21 pm in reply to: Upgrade from 4.5.0 to 4.5.2 breaks sorting Fixed Column grids???? #101070

mcslayton

Participant

OlegK said:

Sorry, but how you imagine to find the reason with such “bug report”. Do you use local sorting or remote sorting (or use loadonce: true option)? Do you have problem with sorting in all columns of in some columns?

If you can't analyse to problem yourself, where is the test case (so other people could analyse the problem)? One can confirm the bug and fix it only if one can reproduce the problem.

Test Case: http://app.thecybersafe.net/jqGridTest.aspx

Sorry, since the bugs are so obvious I thought it wouldn't need a test case. There are two issues:

1) the frozen columns feature doesn't work until you page the grid OR select an entry from the rowList dropdown.

2) clicking on the column headers for sorting does nothing. Icon remains the same and the rows do not re-sort.

May 13, 2012 at 1:26 am in reply to: using jqgrid formatter as utility function externally #99825

mcslayton

Participant

Tony,

Thank you that change worked great! I needed the unformat as well so I implemented them as shown below.

Can the unformats be called from $.fn.fmatter somehow as well?

Marv

function isNumeric(number) {<br />
return !isNaN(parseFloat(number)) &amp;&amp; isFinite(number);<br />
}<br />
function formatInteger(number) {<br />
return isNumeric(number)<br />
? $.fn.fmatter("integer", number)<br />
: $.jgrid.formatter.integer.defaultValue;<br />
}<br />
function formatNumber(number) {<br />
return isNumeric(number)<br />
? $.fn.fmatter("number", number)<br />
: $.jgrid.formatter.number.defaultValue;<br />
}<br />
function formatCurrency(number) {<br />
return isNumeric(number)<br />
? $.fn.fmatter("currency", number)<br />
: $.jgrid.formatter.currency.defaultValue;<br />
}<br />
function unformatInteger(number) {<br />
var parts = number.split($.jgrid.formatter.number.decimalSeparator);<br />
var out = parseInt(parts[0].replace(/[^0-9-]/g, &#039;&#039;));<br />
return isNumeric(out) ? out : 0;<br />
}<br />
function unformatNumber(number) {<br />
var op = $.jgrid.formatter.number;<br />
var re = /([.*_&#039;(){}+?])/g;<br />
var sep = op.thousandsSeparator.replace(re, "$1");<br />
var stripTag = new RegExp(sep, "g");<br />
var out = number.replace(stripTag, "").replace(op.decimalSeparator, &#039;.&#039;);<br />
return isNumeric(out) ? out : 0.0;<br />
}<br />
function unformatCurrency(ret) {<br />
var op = $.jgrid.formatter.currency;<br />
var re = /([.*_&#039;(){}+?])/g;<br />
var sep = op.thousandsSeparator.replace(re, "$1");<br />
var stripTag = new RegExp(sep, "g");<br />
if (op.prefix &amp;&amp; op.prefix.length &amp;&amp; ret.indexOf(op.prefix) &gt; -1) {<br />
ret = ret.substr(op.prefix.length);<br />
}<br />
if (op.suffix &amp;&amp; op.suffix.length &amp;&amp; ret.indexOf(op.suffix) &gt; -1) {<br />
ret = ret.substr(0, ret.length - op.suffix.length);<br />
}<br />
ret = ret.replace(stripTag, &#039;&#039;).replace(op.decimalSeparator, &#039;.&#039;);<br />
return isNumeric(ret) ? ret : 0.0;<br />
}<br />
<br />

function isNumeric(number) {<br />

return !isNaN(parseFloat(number)) && isFinite(number);<br />

}<br />

function formatInteger(number) {<br />

return isNumeric(number)<br />

? $.fn.fmatter("integer", number)<br />

: $.jgrid.formatter.integer.defaultValue;<br />

}<br />

function formatNumber(number) {<br />

return isNumeric(number)<br />

? $.fn.fmatter("number", number)<br />

: $.jgrid.formatter.number.defaultValue;<br />

}<br />

function formatCurrency(number) {<br />

return isNumeric(number)<br />

? $.fn.fmatter("currency", number)<br />

: $.jgrid.formatter.currency.defaultValue;<br />

}<br />

function unformatInteger(number) {<br />

var parts = number.split($.jgrid.formatter.number.decimalSeparator);<br />

var out = parseInt(parts[0].replace(/[^0-9-]/g, ''));<br />

return isNumeric(out) ? out : 0;<br />

}<br />

function unformatNumber(number) {<br />

var op = $.jgrid.formatter.number;<br />

var re = /([.*_'(){}+?])/g;<br />

var sep = op.thousandsSeparator.replace(re, "$1");<br />

var stripTag = new RegExp(sep, "g");<br />

var out = number.replace(stripTag, "").replace(op.decimalSeparator, '.');<br />

return isNumeric(out) ? out : 0.0;<br />

}<br />

function unformatCurrency(ret) {<br />

var op = $.jgrid.formatter.currency;<br />

var re = /([.*_'(){}+?])/g;<br />

var sep = op.thousandsSeparator.replace(re, "$1");<br />

var stripTag = new RegExp(sep, "g");<br />

if (op.prefix && op.prefix.length && ret.indexOf(op.prefix) > -1) {<br />

ret = ret.substr(op.prefix.length);<br />

}<br />

if (op.suffix && op.suffix.length && ret.indexOf(op.suffix) > -1) {<br />

ret = ret.substr(0, ret.length - op.suffix.length);<br />

}<br />

ret = ret.replace(stripTag, '').replace(op.decimalSeparator, '.');<br />

return isNumeric(ret) ? ret : 0.0;<br />

}<br />

<br />

May 12, 2012 at 2:48 am in reply to: using jqgrid formatter as utility function externally #99818

mcslayton

Participant

Devised my own solution that allows for formatting integers, numbers and currency using jqGrid's localization configurations:

<br />
function isNumeric(number) {<br />
return !isNaN(parseFloat(number)) &amp;&amp; isFinite(number);<br />
}<br />
function formatInteger(number) {<br />
return isNumeric(number) ? $.fmatter.util.NumberFormat(Math.floor(number), $.jgrid.formatter.integer) : number;<br />
}<br />
function formatNumber(number) {<br />
return isNumeric(number) ? $.fmatter.util.NumberFormat(number, $.jgrid.formatter.number) : number;<br />
}<br />
function formatCurrency(number) {<br />
return isNumeric(number) ? $.fmatter.util.NumberFormat(number, $.jgrid.formatter.currency) : number;<br />
}<br />

<br />

function isNumeric(number) {<br />

return !isNaN(parseFloat(number)) && isFinite(number);<br />

}<br />

function formatInteger(number) {<br />

return isNumeric(number) ? $.fmatter.util.NumberFormat(Math.floor(number), $.jgrid.formatter.integer) : number;<br />

}<br />

function formatNumber(number) {<br />

return isNumeric(number) ? $.fmatter.util.NumberFormat(number, $.jgrid.formatter.number) : number;<br />

}<br />

function formatCurrency(number) {<br />

return isNumeric(number) ? $.fmatter.util.NumberFormat(number, $.jgrid.formatter.currency) : number;<br />

}<br />

Author

Replies

Viewing 13 replies - 1 through 13 (of 13 total)