Yii Framework Forum: Tabular Input Dengan Tabs - Yii Framework Forum

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Tabular Input Dengan Tabs Rate Topic: -----

#1 User is offline   genbox 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 11
  • Joined: 16-September 13

Posted 09 February 2014 - 06:55 PM

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. thxAttached File  tabular.png (7.98K)
Number of downloads: 23
0

#2 User is offline   daudtm 

  • Junior Member
  • Pip
  • Yii
  • Group: Members
  • Posts: 85
  • Joined: 25-April 13
  • Location:Malang

Posted 10 February 2014 - 09:49 PM

View Postgenbox, on 09 February 2014 - 06:55 PM, said:

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. thxAttachment tabular.png


kesulitannya di mana?
apa ada pesan error?
0

#3 User is offline   genbox 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 11
  • Joined: 16-September 13

Posted 11 February 2014 - 12:28 AM

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/la...on?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>

0

#4 User is offline   daudtm 

  • Junior Member
  • Pip
  • Yii
  • Group: Members
  • Posts: 85
  • Joined: 25-April 13
  • Location:Malang

Posted 12 February 2014 - 02:07 AM

View Postgenbox, on 11 February 2014 - 12:28 AM, said:

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/la...on?view=tabular

perbedaan dari link tersebut, yang saya buat menggunakan add[+] tabs, sedangkan add[+] yang dibuat link tersebut tidak menggunakan tabs

sebagian code view
...

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?
0

#5 User is offline   genbox 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 11
  • Joined: 16-September 13

Posted 03 March 2014 - 04:04 AM

Maaf, saya baru bisa membalas. Karena sibuk kerja.
saya lampirkan saja 1 folder.
jadi kira-kira seperti pada menu discovery

Aplikasi

mohon bantuannya
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users