viewpart02.php

<br/>
<hr/>
<table class="items">
<thead>
    <tr>
        <th>No</th>
        <th>gambar</th>
        <th>Jenis</th>
        <th>Model</th>
        <th>nama produk</th>
        <th>stok</th>
        <th>Ukuran</th>
        <th></th>
    </tr>
    </thead>
        <?php
        if ($models > 0) {
            $no=1;
        foreach ($models as $datas): ?>
        <!-- inpoh untuk xampp v 3 kebawah yg mengalami error silahkan ubah <?//= ?> menjadi "php echo" -->
        <tr>
            <td><?=$no++?></td>
            <td>
            <!--<img src="<?php echo Yii::app()->baseUrl; ?>/images/thumbs/<?=$datas['image']?>" style="width:120px;"> -->
            </td>
            <td><?=$datas['jenis_produk']?></td>
            <td><?=$datas['jenis']?></td>
            <td><?=$datas['nama_produk'];?></td>
            <td><?=$datas['stok'];?></td>
            <td>Detail</td>
        </tr>
    <?php endforeach; }else{ echo "Belum ada data";}    ?>
</table>

<hr/>

<script type="text/javascript">
// default  rows form
 $(function() {
     addRow('tb_item','','','','','','');
  });


    function get_model(e,f){
      var models=e.value;
      var numrow=f;
      var states='contoh';
      $.ajax({
          type:"POST",
          url:"<?php echo $this->createUrl('kategori_produk/get_model'); ?>",
            //tambahkan function getmodel di kategori_produkController
          data:{ models: models,states : states },
          success: function(data){
            $('#models'+numrow).html(data);
          }
      })
  }


     function deleteRow(btn){
      var row = btn.parentNode.parentNode;
      row.parentNode.removeChild(row);
  }


  function addRow(tableID,jenis,models,nama_produk,stok,ukuran) {

            var table = document.getElementById(tableID);
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);

            global_variable=rowCount;

            var myobject = {
                '0' : '--empty--',
                <?php
                $SQL="SELECT * FROM bp_jenis_produk";
                $commands=Yii::app()->db->createCommand($SQL);
                $model1=$commands->queryAll();
                foreach($model1 as $dt):
                    echo "'".$dt['id']."':'".$dt['jenis_produk']."',";
                endforeach;
                ?>
            };

            var cell2 = row.insertCell(0);
            var element1 = document.createElement("select");
            element1.type = "select";
            element1.name="jenis[]";
            element1.className="form-control";
            element1.style.cssText="cursor: pointer;width: 150px";
            element1.setAttribute("onchange","get_model(this,"+rowCount+")");
            //memanggil fungsi getmodel

            var i=0;
            for(index in myobject) {
                element1.options[element1.options.length] = new Option(myobject[index], index);
                if(index==jenis){
                    jenis=i;
                }

                i++;
            }
            element1.selectedIndex=jenis;
            cell2.appendChild(element1);

            var myobject1 = {
                '0' : '--empty--',

            };
            var cell3 = row.insertCell(1);
            var element2 = document.createElement("select");
            element2.type = "select";
            element2.id="models"+rowCount;
            element2.name="models[]";
            element2.style.cssText="cursor: pointer;width: 150px";


            var j=0;
            for(indexs in myobject1) {
                element2.options[element2.options.length] = new Option(myobject1[indexs], indexs);
                if(indexs==models){
                    models=j;
                }

                i++;
            }
            element2.selectedIndex=models;
            cell3.appendChild(element2);

            var cell4 = row.insertCell(2);
            var element3 = document.createElement("input");
            element3.type = "text";
            element3.name="nama_produk[]";
            element3.className="form-control";
            // element3.selectedIndex=nama_produk;
            cell4.appendChild(element3);

            var cell5 = row.insertCell(3);
            var element4 = document.createElement("input");
            element4.type = "text";
            element4.name="stok[]";
            element4.style= 'width:30px';
            element4.selectedIndex=stok;
            cell5.appendChild(element4);

            var cell6 = row.insertCell(4);
            var element5 = document.createElement("input");
            element5.type = "text";
            element5.name = "ukuran[]";
            element5.style= 'width:70px';
            element5.id="ukuran"+rowCount
            element5.className="form-control";
            cell6.appendChild(element5);

            //tutotial part 3 paste disini

            var t=document.createElement("input");
            t.type="submit";
            t.value="Delete";

            t.setAttribute("onclick","deleteRow(this)");
            t.style.cssText="cursor: pointer;";
            cell8.appendChild(t,'Delete');

        }

</script>
<br/>
  <form method="post"  enctype="multipart/form-data" action="<?php echo Yii::app()->baseUrl; ?>/index.php?r=kategori_produk/simpan" onSubmit="return confirm('Apakah data yang di input sudah benar?');">
  <!-- fungsi ini untuk upload gambar 'multipart/form-data'-->
 <table width="100%">
                  <tr>
                     <td align="left" width="700px"><strong style="font-size:12px;" > Produk </strong></td>
                     <td align="right">
                     <button type="button"  onClick="addRow('tb_item','','','','')" style="width:100px;">
                     <span class="fa fa-plus"></span> Add Item
                     </button>

                     </td>
                  </tr>

               </table>

               <table class="tbl_1" id="tb_item">
            <tr>
                <td>jenis</td>
                <td>Model</td>
                <td>Nama Produk</td>
                <td>Stok</td>
                <td>ukuran</td>
                <td>image</td>
                <td></td>
            </tr>

        </table>
        <div style="margin-bottom:5px;">
         <input type="hidden" name="produk_id" value="<?=$_GET['id']?>">
         <button type="submit"  name="simpan" value="Simpan"   onClick="return validate();"> Simpan </button>
        </div>
        </form>