jqxGrid custom Ever present row with a field disabled problem

[royerParticipant]

Hi, I use jqxGrid in my angular2 app.

I custom a field in the Ever present row with disable like this:

        initeverpresentrowwidget: (datafield, htmlElement)=>{
          var input = htmlElement.find('input');
          input.attr('readonly', true);
          input.attr('disabled', true);
          htmlElement.addClass('jqx-fill-state-disabled');
        }

just follow this demo (the demo no this problem, but it’s javascript version.)

everything looks OK, but when I use mouse click this disable field, and then press any key(except Tab, Esc … control key has no problem), then will got Error:

TypeError: Cannot read property ‘editor’ of undefined
at eval (eval at webpackJsonp.5.module.exports (http://127.0.0.1:8000/static/scripts.bundle.js:309:8), <anonymous>:6:17320)
at ZoneDelegate.invokeTask (http://127.0.0.1:8000/static/polyfills.bundle.js:6713:35)
at Object.onInvokeTask (http://127.0.0.1:8000/static/vendor.bundle.js:35273:37)
at ZoneDelegate.invokeTask (http://127.0.0.1:8000/static/polyfills.bundle.js:6712:40)
at Zone.runTask (http://127.0.0.1:8000/static/polyfills.bundle.js:6589:47)
at ZoneTask.invoke (http://127.0.0.1:8000/static/polyfills.bundle.js:6783:33)
at data.args.(anonymous function) (http://127.0.0.1:8000/static/polyfills.bundle.js:7814:25)

And then I add this new data to grid. this new row can not enter edit mode. (editmode: ‘selectedrow’).

because I use angular-cli webpack mode, sorry the tracks is very difficult to understand. my project is little bit complex,.

I check the static/scripts.bundle.js:309:8 :

module.exports = function(src) {
	if (typeof execScript !== "undefined")
		execScript(src);
	else
		eval.call(null, src);
}

the 309 line is eval.call(null,src)

I hope these information is useful.

[royerParticipant]

if I remove input.attr('disabled', true);, then no exception will throw.

[Author]

Posts