[devsimParticipant]

Thank you Peter’s reply.

and I’m leaving the solution I found here to help someone searching.

When you get data from DB, you can add bindingComplete event.

$("#scheduler").on("bindingComplete", function (event) {
   let _appoints = event.args.owner.apppointments;

   if (_appoints) {
      $("#scheduler").jqxScheduler("beginAppointmentsUpdate");
      _appoints.forEach((el, idx, origin) => {
         $("#scheduler").jqxScheduler("setAppointmentProperty", el.id, "resizable", false);
         $("#scheduler").jqxScheduler("setAppointmentProperty", el.id, "draggable", false);
      });
      $("#scheduler").jqxScheduler("endAppointmentsUpdate");
   }
});

• This reply was modified 3 months, 1 week ago by  devsim.

[devsimParticipant]

Dear Peter.

Thank you for your reply.

By the way, [$(fields.from).jqxDateTimeInput({ showTimeButton: false });] this code does not work.

I’m worried that I’m bothering the jQWidgets team too much. 🙁

[devsimParticipant]

Hi Peter,

I was download Community use(jQWidgets 19.0.0). I think every version is same.

I change the modal mode statically(Not dynamically).

It is all about human error.

—
isModal:true | empty | isModal:false
OK | OK | ERROR
—

Thank you.

[devsimParticipant]

@hristo

Yes. I will.

We will buy jQWidgets ver 10.1.6 or Newer in 2021.

Thank you and Take care in Pandemic Situation.

[devsimParticipant]

I solved the problem.

In My Case,

I use jqwidgets-6.2.0 Version.

I fix the [jqx-all.js] file. (Refer to REPLY #113329)

Actually [jqxgrid.js] code is the same as [jqx-all.js].

When you use 6.1.0 over, just fix 2 files

Thank you for @Mehdi, You have excellent brain.

Thank you everybody.

[devsimParticipant]

Thank you for all reply.

AND @Peter Stoev

Do we get a patch File for jqwidgets-6.1.0, jqwidgets-6.2.0, jqwidgets-7.2.0 ?

Is it possible or Not in the future ?

Please replay for every Old Users.

Thank you.

[devsimParticipant]

After 11 months later

I solved the problem myself.

This is My solution

—

var editorElement = null;
var currentContent = ”;

$(“#devsimGrid”).jqxGrid({
…

handlekeyboardnavigation: function (event) {
var key = event.charCode ? event.charCode : event.keyCode ? event.keyCode : 0;

if (key == 13) {
var txtArea = editorElement[0];
var txtValue = txtArea.value;
var selectPos = txtArea.selectionStart;
var beforeTxt = txtValue.substring(0, selectPos);
var afterTxt = txtValue.substring(txtArea.selectionEnd, txtValue.length);

currentContent = beforeTxt + “\n” + afterTxt;
editorElement.val(currentContent);

var pos = (selectPos+1);
var obj = document.getElementById(“customTextArea0TextArea”);
if (obj.setSelectionRange) {
obj.focus();
obj.setSelectionRange(pos, pos);
}
else if (obj.createTextRange) {
var c = obj.crateTextRange();
c.move(“character”, pos);
c.select();
}

return true;
} else if (key == 27) {
return true;
}
},

…

}, {
text: ‘Work’,
editable: true,
datafield: ‘Work’,
width: ‘380px’,
align: ‘center’,
cellsrenderer: textrenderer,
columntype: ‘template’,
createeditor: function(row, cellvalue, editor, celltext, cellwidth, cellheight) {
editorElement = $(‘<textarea id=”customTextArea’ + row + ‘”></textarea>’).prependTo(editor);
editorElement.jqxTextArea({
height: 88,
width: ‘100%’
});
},
initeditor: function (row, cellvalue, editor, celltext, pressedChar) {
currentContent = ”;
editorElement.val(cellvalue);
},
geteditorvalue: function (row, cellvalue, editor) {
return editor.find(‘textarea’).val();
}

—

[devsimParticipant]

After 11 months later

I solved the problem.

This is My solution

—

var editorElement = null;
var currentContent = ”;

$(“#devsimGrid”).jqxGrid({
…

handlekeyboardnavigation: function (event) {
var key = event.charCode ? event.charCode : event.keyCode ? event.keyCode : 0;

if (key == 13) {
var txtArea = editorElement[0];
var txtValue = txtArea.value;
var selectPos = txtArea.selectionStart;
var beforeTxt = txtValue.substring(0, selectPos);
var afterTxt = txtValue.substring(txtArea.selectionEnd, txtValue.length);

currentContent = beforeTxt + “\n” + afterTxt;
editorElement.val(currentContent);

var pos = (selectPos+1);
var obj = document.getElementById(“customTextArea0TextArea”);
if (obj.setSelectionRange) {
obj.focus();
obj.setSelectionRange(pos, pos);
}
else if (obj.createTextRange) {
var c = obj.crateTextRange();
c.move(“character”, pos);
c.select();
}

return true;
} else if (key == 27) {
return true;
}
},

…

}, {
text: ‘Work’,
editable: true,
datafield: ‘Work’,
width: ‘380px’,
align: ‘center’,
cellsrenderer: textrenderer,
columntype: ‘template’,
createeditor: function(row, cellvalue, editor, celltext, cellwidth, cellheight) {
editorElement = $(‘<textarea id=”customTextArea’ + row + ‘”></textarea>’).prependTo(editor);
editorElement.jqxTextArea({
height: 88,
width: ‘100%’
});
},
initeditor: function (row, cellvalue, editor, celltext, pressedChar) {
currentContent = ”;
editorElement.val(cellvalue);
},
geteditorvalue: function (row, cellvalue, editor) {
return editor.find(‘textarea’).val();
}

…

—

Hey Peter

I think you have to love your job….

[devsimParticipant]

#yarkk WOW your such a genius Thanks a lot 😉

[devsimParticipant]

Thank you for example. Sir. Peter Stoev.

But here’s my real question !

—————————
$(“#grid”).jqxGrid(
{
width: getWidth(‘Grid’),
source: dataAdapter,
editable: true,
columnsresize: true,
handlekeyboardnavigation: function (event)
{
var key = event.charCode ? event.charCode : event.keyCode ? event.keyCode : 0;
if (key == 13) {
currentContent = editorElement.val() + ‘\n’;
editorElement.val(currentContent);
return true;
} else if (key == 27) {
return true;
}
},
columns: [
{
text: ‘First Name’,
columntype: ‘template’,
datafield: ‘firstname’,
width: 120,
createeditor: function(row, cellvalue, editor, celltext, cellwidth, cellheight) {
editorElement = $(‘<textarea id=”customTextArea’ + row + ‘”></textarea>’).prependTo(editor);
editorElement.jqxTextArea({
height: 88,
width: ‘100%’
});
},
initeditor: function (row, cellvalue, editor, celltext, pressedChar)
{
currentContent = ”;
editorElement.val(currentContent);
},
geteditorvalue: function(row, cellvalue, editor) {
return editor.find(‘textarea’).val();
}
},
{ text: ‘Contact Name’, datafield: ‘ContactName’, width: 150 },
{ text: ‘Contact Title’, datafield: ‘ContactTitle’, width: 180 },
{ text: ‘City’, datafield: ‘City’, width: 120 },
{ text: ‘Postal Code’, datafield: ‘PostalCode’, width: 90 },
{ text: ‘Country’, datafield: ‘Country’, width: 100 }
]
————————————–

upper example is
when I located a and b the cursor

1.
============
ab
============

and I press Enter Key.

2.
============
ab
============

3.
============
ab
_ <— cursur
============

I want like this

4.
============
a
b <—– cursur
============

it is very hard to make source to me…

please help me.. 🙁

[devsimParticipant]

Sofia or Seattle citizen.

I solved this problem.

Sorry about waste your time.

[devsimParticipant]

here is images

[devsimParticipant]

I See..

Thank you your replay.

In the future, We can use the digit separators in simpleMode. I hope…

God bless you guys.

Best Regards,
DevSim

South Korean Junior Developer
http://devesim.tistory.com/

[devsimParticipant]

Dear Martin.

Thanks your replay.

but it doesn’t work.

=== No 1 case ===
$(“#jqxNumberInput”).jqxNumberInput({
width: ‘250px’,
height: ’25px’,
theme: ‘energyblue’,
decimalDigits: 0,
decimalSeparator: ‘,’,
spinButtons: true,
inputMode: ‘simple’,
});

Result : 100000
Mission Failed

=== No 2 case ===
$(“#jqxNumberInput”).jqxNumberInput({
width: ‘250px’,
height: ’25px’,
theme: ‘energyblue’,
decimalDigits: 0,
decimalSeparator: ‘,’,
spinButtons: true,
inputMode: ‘advanced’,
});

Result : __,100,000
Mission Failed

=== Goal of Mission ===
>>>> 100,000

I can not remove __ (underscore)
in advanced mode…

Please Help Me…. y_y;;;;

Best Regards,
DevSim

South Korean Junior Developer
http://devesim.tistory.com/

[Author]

Posts