Php 在Laravel 5 Web应用程序中激活Jquery选项卡
我正在开发一个带有jQueryUI选项卡的laravel web应用程序。 这是我页面的屏幕截图 我有这样的标签 基本信息 联系信息 法律细节 业务类别 位置 这五个选项卡具有表单和laravel发送更新功能。当用户从联系人信息选项卡更新时,成功更新后,页面将重定向并加载第一个选项卡,如基本信息 我的更新控制器Php 在Laravel 5 Web应用程序中激活Jquery选项卡,php,jquery,tabs,laravel-5,Php,Jquery,Tabs,Laravel 5,我正在开发一个带有jQueryUI选项卡的laravel web应用程序。 这是我页面的屏幕截图 我有这样的标签 基本信息 联系信息 法律细节 业务类别 位置 这五个选项卡具有表单和laravel发送更新功能。当用户从联系人信息选项卡更新时,成功更新后,页面将重定向并加载第一个选项卡,如基本信息 我的更新控制器 public function edit_businessldaction(){ try { $decrypted = Crypt::decrypt(Inpu
public function edit_businessldaction(){
try {
$decrypted = Crypt::decrypt(Input::get('ciid'));
} catch (DecryptException $e) {
throw new DecryptException("Invalid data.");
}
$doaction = DB::table('business')
->where('pk_business_id', $decrypted)
->update([
'ci_busns_name' => Input::get('ci_busns_name'),
'ci_busns_addrs1' => Input::get('ci_busns_addrs1'),
'ci_busns_addrs2' => Input::get('ci_busns_addrs2'),
'ci_busns_addrs3' => Input::get('ci_busns_addrs3'),
'fk_ci_busns_country' => Input::get('ci_busns_country'),
'fk_ci_busns_city' => Input::get('ci_busns_city'),
'ci_busns_telephone' => Input::get('ci_busns_telephone'),
'ci_busns_fax' => Input::get('ci_busns_fax'),
'ci_busns_web' => Input::get('ci_busns_web'),
]);
if ($doaction)
return Redirect::to(route('edit_business_view',Input::get('ciid')))->with('cimessage','Legal Details Updated Succesfuly !!');
else
return Redirect::to(route('edit_business_view',Input::get('ciid')))->with('cimessage','No changes are made !!');
}
以上截图页面的URL为
{id randomkeyencrypted}
HTML:
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
</ul>
<div id="tabs-1">
<p> Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
<div id="tabs-2">
<p>eugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus. </p>
</div>
</div>
这是一种新的葡萄品种。这是我的梦想。同侧相位。努克·特里斯蒂克·坦普斯·莱克图斯
eugiat,tellus pellentesque pretium posuere,felis lorem euismod felis,eu Orner leo nisi vel felis。毛里斯·康塞德图尔·托托和珀鲁斯
如果您使用的是命名路由,您可以通过使用刀片模板中的route::is
方法来激活当前选项卡来确定当前控制器/操作
下面是一个使用引导选项卡的示例:
我使用的命名路由如下所示:
Route::get('/edit-business/{id-randomkeyencrypted}',[
'uses' => 'ContactController@edit_businessldaction',
'as' => 'contact.edit_businessldaction'
]);
我将使用以下命令激活右侧选项卡:
{{ Route::is('contact.edit_businessldaction') ? 'active' : '' }}
并通过以下操作激活正确的内容:
{{ Route::is('contact.edit_businessldaction') ? 'tabname' : '' }}
注意:用您希望激活的选项卡内容id替换tabname
,例如:contact
叶片内模板
<ul class="nav nav-tabs" role="tablist">
<li role="contact-info" class="{{ Route::is('contact.edit_businessldaction') ? 'active' : '' }}"><a href="#contact" aria-controls="home" role="tab" data-toggle="tab">Contact Information</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="{{ Route::is('contact.edit_businessldaction') ? 'contact' : '' }}">...</div>
</div>
后来在你看来:
//For Tab
{{ $active=='business' ? 'active' : '' }}
//For Content
{{ $active=='business' ? 'tabname' : '' }}
您可以通过在刀片模板中设置来确定要激活的正确选项卡。请分享标签问题的HTML代码。添加html
//For Tab
{{ $active=='business' ? 'active' : '' }}
//For Content
{{ $active=='business' ? 'tabname' : '' }}