JavaScript Knockout Js Magento2

Magento2 UI component debug console with Knockout JS

By 1 Min Read

Magento2 admin in we use UI components for create form and grid. UI components are create using Knockout JS and its little harder to debug UI component in Magento2. In this blog we will see how to debug UI component in browser console.

If you want to see list of component used in page then run below code in you browser console.

JavaScript
var currentUiComponents = {};
requirejs('uiRegistry').filter(function(item){
   currentUiComponents[item.name] = item;
});
console.log(currentUiComponents);


Output like below.


We can see specific component in details. Here is some basic code example to see customer firstname in console of customer edit page in admin.

JavaScript
require('uiRegistry').get('customer_form.customer_form_data_source').data.customer.firstname;
require('uiRegistry').get('customer_form.customer_form_data_source');

Output like below.

We can use chrome extension for debug Knockout components.

I hope this blog is useful to debug UI component in Magento2. In case, I missed anything or need to add some more information, Don’t heisted to leave a comment in this blog, I’ll get back with some positive approach.

Keep loving ❤️ Keep inspiring 🤩 Keep liking 👍 No sharing 😂

Post Views: 455

Related Posts

28 Comments

  4. drover sointeru

    I carry on listening to the news talk about getting free online grant applications so I have been looking around for the finest site to get one. Could you advise me please, where could i acquire some?

  6. amaryanstandupWaf

    Приятно узнать что-то новое.
    Ивенты в кинотеатрах раскроют вам незабываемые волнующие мгновения. Кинофестивали позволяют погрузиться в атмосферу праздника. Вечеринки постоянно оставляют неизгладимое впечатление. Заранее подбирайте для ярких ивентов в позитивной атмосфере!
    https://agutin-afisha.ru/

  7. amaryanstandupWaf

    Теперь вижу ситуацию иначе.
    Ивенты на фестивалях наполнят вам потрясающие праздничные эмоции. Образовательные семинары вдохновляют на почувствовать энергию. Музыкальные вечера часто оставляют незабываемый след. Собирайте компанию для самых ожидаемых ивентов с радостью!
    https://agutin-afisha.ru/

  8. amaryanstandupWaf

    Вероятно, вы не ошибаетесь
    Ивенты в культурных центрах вдохновят вам энергичные энергетический заряд. Кинофестивали раскрывают исследовать мир искусства. Спектакли в позитивной атмосфере дарят эмоции. Заранее подбирайте для незабываемых ивентов в позитивной атмосфере!
    https://agutin-afisha.ru/

  9. amaryanstandupWaf

    Возможно, вы правы
    Ивенты на площадках под открытым небом предоставят вам положительные волнующие мгновения. Шоу-программы помогают вам открыть новые горизонты. Вечеринки в культурной среде впечатляют. Выбирайте для радостных ивентов в дружеской компании!
    https://agutin-afisha.ru/

  13. tlovertonet

    Spot on with this write-up, I really assume this website needs much more consideration. I’ll in all probability be again to read far more, thanks for that info.

  16. zoritoler imol

    F*ckin¦ amazing issues here. I¦m very happy to peer your post. Thanks so much and i’m taking a look forward to touch you. Will you kindly drop me a e-mail?

  18. binance register

    I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

  21. vorbelutr ioperbir

    Hi there! This post couldn’t be written any better! Reading through this post reminds me of my previous room mate! He always kept talking about this. I will forward this article to him. Pretty sure he will have a good read. Thank you for sharing!

  22. Doris Jerde

    A code promo 1xBet est un moyen populaire pour les parieurs d’obtenir des bonus exclusifs sur la plateforme de paris en ligne 1xBet. Ces codes promotionnels offrent divers avantages tels que des bonus de dépôt, des paris gratuits, et des réductions spéciales pour les nouveaux joueurs ainsi que les utilisateurs réguliers.code 1xbet mobile sénégal

  23. pravo-migranta

    Аккредитованное агентство https://pravo-migranta.ru/ по аутстаффингу мигрантов и миграционному аутсорсингу. Оформление иностранных сотрудников без рисков. Бесплатная консультация и подбор решений под ваш бизнес.

  28. castle-clash-skachat-na-pk.ru

    Хотите играть в Castle Clash на большом экране? Испытайте выгоды более удобного интерфейса и высокой производительности. Соревнуйтесь с игроками со всего мира в эпических битвах, используя проверенные эмуляторы, вроде LDPlayer. Просто зайдите на сайт castle-clash-skachat-na-pk.ru для загрузки и запустите свой восход к славе в вселенной эпических сражений!
    castle clash скачать
    скачать castle clash последнюю версию
    скачать взломанный castle clash

Write A Comment