Teman-teman, saya sedang mengalami kesulitan membuat tabular input dengan menggunakan tabs (CJuiTabs) atau tabs yang lainnya. kira-kira codingannya bagaimana ya?
saya lampirkan gambar sebagai contohnya.
mohon bantuannya. thx5197
Teman-teman, saya sedang mengalami kesulitan membuat tabular input dengan menggunakan tabs (CJuiTabs) atau tabs yang lainnya. kira-kira codingannya bagaimana ya?
saya lampirkan gambar sebagai contohnya.
mohon bantuannya. thx5197
kesulitannya di mana?
apa ada pesan error?
saya tidak mengerti kodingan tabular input menggunakan tabs. jadi pada saat user memilih number of well, maka muncul jumlah tab sesuai pilihan dan setiap tab memiliki attribute form "well name" dari model yang sama dan pada saat disubmit bisa menyimpan array input.
kira-kira seperti : http://www.eha.ee/labs/yiiplay/index.php/en/site/extension?view=tabular
perbedaan dari link tersebut, yang saya buat menggunakan add[+] tabs, sedangkan add[+] yang dibuat link tersebut tidak menggunakan tabs
sebagian code view
<div class="row-fluid">
<div class="span12">
<div id="1_well_discovery" class="widget">
<div class="widget-title">
<h4><i class="icon-list"></i> WELL DATA AVAILABILITY</h4>
<span class="tools"><a href="javascript:;" class="icon-chevron-down"></a></span>
</div>
<div class="widget-body">
<span action="#" class="form-horizontal">
<div id="wajib" class="control-group">
<label class="control-label"><strong>Number of Well :</strong></label>
<div class="controls">
<!-- <input id="w" class="span3" type="text" style="text-align: center;"/> -->
<?php echo $form->textField($mdlPostdrill, 'pd_total_well', array('id'=>'w', 'class'=>'span3', 'style'=>'text-align: center;'));?>
</div>
</div>
<div id="rumah_well" class="tabbable tabbable-custom">
<ul class="nav nav-tabs">
<li class="active"><a id="well_1" href="#tab_w1" data-toggle="tab">Well 1</a></li>
<li><a id="well_2" href="#tab_w2" data-toggle="tab" class="hidden">Well 2</a></li>
<li><a id="well_3" href="#tab_w3" data-toggle="tab" class="hidden">Well 3</a></li>
<li><a id="well_4" href="#tab_w4" data-toggle="tab" class="hidden">Well 4</a></li>
</ul>
<div class="tab-content">
<!-- Well 1 -->
<div class="tab-pane active" id="tab_w1">
<div class="accordion">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle collapsed" data-toggle="collapse" href="#tabcol_w1_1">
<strong>Well General Data</strong>
</a>
</div>
<div id="tabcol_w1_1" class="accordion-body collapse">
<div class="accordion-inner">
<div class="control-group">
<label class="control-label">Well Name :</label>
<div class="controls">
<!-- <input id="well_name" type="text" name="wajib" class="span3 popovers" data-trigger="hover" data-placement="right" data-container="body" data-content="Please using unique and meaningful well name." data-original-title="Well Name"/> -->
<?php echo $form->textField($mdlWellPostdrill, 'wpd_name', array('id'=>'well_name', 'class'=>'span3 popovers', 'data-trigger'=>'hover', 'data-placement'=>'right', 'data-container'=>'body', 'data-content'=>'Please using unique and meaningful well name.', 'data-original-title'=>'Well Name'));?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab_w4">
<div class="accordion">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle collapsed" data-toggle="collapse" href="#tabcol_w4_1">
<strong>Well General Data</strong>
</a>
</div>
<div id="tabcol_w4_1" class="accordion-body collapse">
<div class="accordion-inner">
<div class="control-group">
<label class="control-label">Well Name :</label>
<div class="controls">
<!-- <input id="well_name" type="text" name="wajib" class="span3 popovers" data-trigger="hover" data-placement="right" data-container="body" data-content="Please using unique and meaningful well name." data-original-title="Well Name"/> -->
<?php echo $form->textField($mdlWellPostdrill, 'wpd_name', array('id'=>'well_name', 'class'=>'span3 popovers', 'data-trigger'=>'hover', 'data-placement'=>'right', 'data-container'=>'body', 'data-content'=>'Please using unique and meaningful well name.', 'data-original-title'=>'Well Name'));?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
</div>
Jadi maunya begini ya, ada input Number of Well, misalnya diisi 3, maka wellnamenya muncul 3 kali gitu ya?
Number of well [____3] [+]
+-------+-----------------------+
| tab 1 | tab 2 | tab 3 | tab 4 |
| +-----------------------+
| Well name 1 [__________] |
| Well name 2 [__________] |
| Well name 3 [__________] |
+-------------------------------+
[_simpan_][_batal_]
bisa lihat javascriptnya sekalian?
Maaf, saya baru bisa membalas. Karena sibuk kerja.
saya lampirkan saja 1 folder.
jadi kira-kira seperti pada menu discovery
Aplikasi
mohon bantuannya