"Cannot convert undefined or null to object" in bootstrap-table plugin - javascript

I'm using bootstrap-table plugin by wenzhixin. In these days I'm doing the migration of my web platform from bootstrap 3 to bootstrap 4 and some features of bootstrap table seems to be not working anymore.
I was having trouble with onPostBody event: debugging my code using breakpoints in google chrome inspector I've found out that onPostBody event seems not to be fired at all. Therefore I've tried to attach onAll event to see which events are actually fired, and I've found out that only pre-body.bs.table event is fired, and after that I get the following error:
Uncaught TypeError: Cannot convert undefined or null to object
Any help? Thank you.
I'm using bootstrap v4.3.1, bootstrap-table v1.14.2 and jquery v3.4.1

I've fixed by myself. The problem was about columns.
I was returning columns from my backend and one column had a wrong property which was causing the error

Related

Using svelte with events in ag-grid custom tool panel

I´ve a working custom tool panel in ag-grid. The problem is that events like onclick don´t work inside the custom tool panel. I´ve put the function in every place i can think of but i always get:
Uncaught ReferenceError: externalFilterChanged is not defined at
HTMLButtonElement.onclick
I´ve opend a enterprise ticket with ag-grid and attached the code you see on github. But they tell me it is svelte related and they don´t support svelte.
Please have a look if you have a deeper understanding of svelte than i have.
Code on Github
I can get it to work by putting the function in window. But that doesn´t seem like a good solution.
thanks

jQuery Datatable and range datepicker working in jsFiddle but not my website

I made a post about this a while back and never got a firm fix for this, so excuse my double posting.
I've got a jQuery DataTable and I've got my dates in the second column in MM-DD-YYYY format. I'm trying to get my date range picker to work with it, so my datatable only shows rows with dates within the range in the picker.
Poultry in Motion kindly made the jsFiddle for me with my code and it is working perfectly there. Although on my website, it isn't working. I've tried the exact same scripts as the fiddle has. Except my jquery is a different version. Even when I switch it to 3.2.1 I still get the same error as with 1.12.4.
The error is:
Uncaught TypeError: Cannot read property 'apply' of undefined
at HTMLInputElement. (jquery-ui.min.js:9)
at Function.each (jquery-1.12.4.min.js:2)
What could my problem be?
You seem to be using a mismatched version of either jQuery or more likely jQueryUI. Switch the version on your website to be the exact same as in the working jsFiddle.
Moving to a newer version of the libraries that is not the same as the working jsFiddle version is not an acceptable fix, you need to match the exact version to debug this issue.

Skrollr-Menu not initializing

I'm trying to use skrollr on mobile, it works but it's breaking my anchor links
I've tried using skrollr-menu. However, when I do
skrollr.menu.init(s);
I get
Uncaught TypeError: Cannot read property 'init' of undefined
Please help!
More info
I'm doing this on an app that's using rails. It also uses foundation 5.

jQuery on scroll event not working

I'm trying to display an alert on chrome using jQuery 1.3.2 as follows:
$(window).scroll(alert("Hello"));
It worked a few times, but then I received an error after five scrolls saying: TypeError: Object 100 has no method 'apply'
So I changed it to the following: $(window).scroll(function(){alert("Hello")});
But this does nothing at all whatsoever. I am testing this on Chrome. Could anyone let me know what I'm doing wrong?
The second code snippet you posted is the correct syntax for assigning a function to run on an event. That code works properly when I test it with a current version of jQuery. jQuery 1.3.2 is five years out of date, so I'd hazard a guess the issue is with the crazily old jQuery version you're trying to use.

JQuery Datepicker throws a random Type Error

I got an JQuery Datepicker Issue,
on around every 50th page reload i get an error message, when i want to select an date from the JQuery Datepicker:
Uncaught TypeError: Object #<HTMLTableCellElement> has no method 'find'
When the Datepicker is clicked then the field gets not filled with the date.
This issue only happens under this conditions:
when clicking on the element of the date selection
only in Chrome
the error is extremy rare, i need around 15min time to reproduce again
if the JQuery is loaded via CDN (async) or from our server the error is still there
we tryed to explict call the datepicker when the page is .ready() but doesn`t helped
Used JQuery versions:
jquery.min.js | jQuery JavaScript Library v1.5.2
jquery-ui.min.js | jQuery UI - v1.8.21
jquery-ui-1.8.15.custom.min.js | jQuery UI 1.8.15
jquery-ui-timepicker-addon.js | Version 0.9.6
The only thing we now see is to update JQuery but we only want to do this as very last solution otherwiese we need change a lot of code.
Maybe someone already faced the problem.
Regards
//Edit:
i removed the second import of jquery ui
i updated the version to jQuery UI 1.8.21
i loaded the validation.js and tinymce.js (with the old this.find call) first
still not working

Categories

Resources