آموزش اضافه کردن تب در افزونه جوملا 3

[محمدحسین میری 3,094]

با سلام خدمت جومینایی های عزیز

 

گفتم اولین آموزش های جوملا 3 رو خودم بذارم براتون - فقط و فقط به عشق جومینا و جومینایی ها

افزونه نویس های عزیز احتمالا شما تو جوملا 2.5 می تونستید درون کامپوننت ها و یا افزونه های خود تب اضافه کنید و از کد زیر استفاده می کردید :

$options = array(
    'onActive' => 'function(title, description){
        description.setStyle("display", "block");
        title.addClass("open").removeClass("closed");
    }',
    'onBackground' => 'function(title, description){
        description.setStyle("display", "none");
        title.addClass("closed").removeClass("open");
    }',

echo JHtml::_('tabs.start', 'tab_group_id', $options); 

echo JHtml::_('tabs.panel', JText::_('JOOMINABOOKING_MAIN_SETTING'), 'panel_1_id');

// here some code

<?php echo JHtml::_('tabs.end'); ?>

اما طبق تغییر ظاهری جوملا و هم تغییر فریمورک جوملا دیگه این کد ها به کارتون نمیاد

جالبه که بدونید تو یکی از پروژه هام این کدها کار کرد  

اما ظاهری کلا بهم ریخت

شما با استفاده از کد زیر می تونید در افزونه های خود (کامپوننت) تب اضافه کنید که بعضی جاها خیلی هم مفید خواهد بود

<?php echo JHtml::_('bootstrap.startTabSet', 'myTab', array('active' => 'general')); ?>
<?php echo JHtml::_('bootstrap.addTab', 'myTab', 'publishing', JText::_('COM_CONTENT_ARTICLE_CONTENT', true)); ?>
<p>This is the content of the first tab</p> 
<?php echo JHtml::_('bootstrap.endTab'); ?>
<?php echo JHtml::_('bootstrap.addTab', 'myTab', 'general', JText::_('COM_CONTENT_ARTICLE_CONTENT', true)); ?>
<p>This is the content of the first tabdfgzsdf</p> 
<?php echo JHtml::_('bootstrap.endTab'); ?>
<?php echo JHtml::_('bootstrap.endTabSet'); ?>

کمی توضیح میدم هر چند میدونم شما با یک نگاه فهمیدید قضیه این کد از چه قراره

myTab : نام تب مورد نظر - اگر بخواهید از تب دیگری در یک صفحه استفاده کنید باید این مورد را تغییر بدید (تو جوملا 2.5 که اینطور بود)

array('active' => 'general') : داره میگه اون تبی که اسمش (یا کلاسش) general هست رو بصورت پیشفرض فعال کن

<?php echo JHtml::_('bootstrap.endTab'); ?>

کد بالا داره میگه این تب تا همین جا تموم میشه و شما باید تب بعدی رو باز کنید هر تبی که باز میشه باید با کد بالا بسته بشه

<?php echo JHtml::_('bootstrap.endTabSet'); ?>

در نهایت درست کردن تمامی تب ها این کد را قرار می دهید تا به سیستم بفهمونید که تبی که اسمش mytab بود دیگه تموم شده

کار تمومه

 

باور کنید کله نت رو چرخیدم نه تو سایت های ایرانی به این قشنگی توضیح و کد قرار دادن نه تو سایت های خارجی حداقل من که پیدا نکردم

امیدوارم مفید واقع شود

 

اردتمند شما

کد بالا