Joomla 3.0 Component JS error in backend

Question

I am developing a Joomla 3.0 component. As sample I downloaded the com_hello component from the Joomla documentation.

The error I am occurring is that when I am checking the checkbox in the list of a view, I get an error message TypeError: b is null. This error occurred somewhere in the core.js.

Normally in 2.5, if I used the JHtml::_('grid.id',$i,$item->id); code and had <input type="hidden" name="boxchecked" value="0" /> field in my form it worked fine.

I also looked in some components of the Joomla core, but I didn't find something that was missing or some other error.

Here is the code of the default.php of my view:

<?php

// NO DIRECT ACCESS TO THIS FILE
defined('_JEXEC') or die('Restricted access');

JHtml::_('behavior.tooltip');
?>
<form action="<?php echo JRoute::_('index.php?option=com_simplesuite'); ?>" method="post" name="adminForm">
    <table class="adminlist">
        <thead>
            <tr>
                <th>ID</th>
                <th><input type="checkbox" name="checkall-toggle" title="<?php echo JText::_('JGLOBAL_CHECK_ALL'); ?>" value="" onclick="Joomla.checkAll(this);" /></th>
                <th><?php echo JText::_('COM_SIMPLESUITE_TAGCLOUD_ADMINISTRATOR_LIST_NAME'); ?></th>
                <th><?php echo JText::_('COM_SIMPLESUITE_TAGCLOUD_ADMINISTRATOR_LIST_TAGS'); ?></th>
                <th><?php echo JText::_('COM_SIMPLESUITE_TAGCLOUD_ADMINISTRATOR_LIST_ACTIONS'); ?></th>
            </tr>
        </thead>
        <tbody>
            <?php foreach ($this->items as $i => $item) : ?>
            <tr class="row<?php echo $i%2; ?>">
                <td><?php echo $item->id; ?></td>
                <td><?php echo JHtml::_('grid.id',$i,$item->id); ?></td>
                <td><?php echo $item->name; ?></td>
                <td><?php echo ($item->tags) ? $item->tags : JText::_('COM_SIMPLESUITE_TAGCLOUD_ADMINISTRATOR_LIST_EMPTY'); ?></td>
                <td><a href="#">W</a><a href="#">X</a></td>
            </tr>
            <?php endforeach; ?>
        </tbody>
        <tfoot>
            <tr>
                <td colspan="4"><?php echo $this->pagination->getListFooter(); ?></td>
            </tr>
        </tfoot>
    </table>
    <div>
        <input type="hidden" name="task" value="" />
        <input type="hidden" name="boxchecked" value="0" />
        <?php echo JHtml::_('form.token'); ?>
    </div>
</form>

Michael · Accepted Answer · 2013-03-24 21:30:14Z

6

For your <form> element, ensure you have id="adminForm" also. See http://docs.joomla.org/Potential_backward_compatibility_issues_in_Joomla_3.0_and_Joomla_Platform_12.1#JavaScript for more info.

answered Mar 24, 2013 at 21:30

Michael

9928 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

John Linhart · Accepted Answer · 2013-10-14 07:57:45Z

1

Try to use this:

<?php echo JHtml::_('grid.checkall'); ?>

instead of this:

<input type="checkbox" name="checkall-toggle" title="<?php echo JText::_('JGLOBAL_CHECK_ALL'); ?>" value="" onclick="Joomla.checkAll(this);" />

That worked for me.

answered Oct 14, 2013 at 7:57

John Linhart

1,83621 silver badges23 bronze badges

1 Comment

atul-tagra Over a year ago

It has worked for me too, i tried making change in Joomla com_hello plugin

McRui · Accepted Answer · 2012-10-21 00:33:53Z

0

Try adding this to the top of your script:

window.addEvent('domready', function () {
    if (typeof jQuery != 'undefined' && typeof MooTools != 'undefined') {

            Element.implement({
                slide:function (how, mode) {
                    return this;
                }
            });
        }
    });

That's probably the mootols conflict that is being under resolution with the dev team.

answered Oct 21, 2012 at 0:33

McRui

2,0213 gold badges21 silver badges32 bronze badges

1 Comment

McRui Over a year ago

You're using the com_hello component as I now understand. Well, the bad news is that the com_hello isn't designed to work properly with the current version of the platform - 3.0.1. It's a poor adaptation of an old component that even doesn't make use of the bootstrap framework. In order to get it to work, you have to almost recode it from scratch, I'm afraid. The proper way to code the default view, in this case, isn't the one used in the com_hello. Take a look at, for instance, the default view of com_weblinks, and you'll understand that perhaps you're loosing some precious time on this one.

user2985865 · Accepted Answer · 2013-11-13 02:51:52Z

0

Add id="adminForm" into form. I spend a while to find it, had the same problem.

Forms that have name="adminForm" now also require id="adminForm".

see:

http://docs.joomla.org/Potential_backward_compatibility_issues_in_Joomla_3_and_Joomla_Platform_12.2#JavaScript

edited Nov 13, 2013 at 2:51

answered Nov 13, 2013 at 2:45

user2985865

11 bronze badge

Comments

njmwas · Accepted Answer · 2015-04-17 13:58:43Z

0

I added the following field and it worked for me

<input type="hidden" name="boxchecked" value="" />

answered Apr 17, 2015 at 13:58

njmwas

1,27115 silver badges15 bronze badges

Collectives™ on Stack Overflow

Joomla 3.0 Component JS error in backend

5 Answers 5

Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related