view.php part 1

<?php $this->widget('zii.widgets.CDetailView', array(
    'data'=>$model,
    'attributes'=>array(
        'kategori',
    ),
)); ?>

//untuk menampilkan produk paste disini


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

     function deleteRow(btn){
      var row = btn.parentNode.parentNode;
      row.parentNode.removeChild(row);
  }
  function addRow(tableID,nama_produk,stok,ukuran,gambar) {

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

            global_variable=rowCount;


            var cell2 = row.insertCell(0);
            var element1 = document.createElement("input");
            element1.type = "text";
            element1.name="nama_produk[]";
            element1.className="form-control";
            element1.selectedIndex=nama_produk;
            cell2.appendChild(element1);

            var cell3 = row.insertCell(1);
            var element2 = document.createElement("input");
            element2.type = "text";

            element2.id="stok"+rowCount;
            element2.name="stok[]";
            element2.selectedIndex=stok;
            cell3.appendChild(element2);

            var cell4 = row.insertCell(2);
            var element3 = document.createElement("input");
            element3.type = "text";
            element3.name = "ukuran[]";
            element3.value = ukuran;
            element3.style= 'width:70px';
            element3.id="ukuran"+rowCount
            element3.className="form-control";

            cell4.appendChild(element3);

            var cell5 = row.insertCell(3);
            var element4 = document.createElement("input");
            element4.type = "text";
            element4.name = "gambar[]";
            element4.value = gambar;
            element4.className="form-control";
            element4.style= 'width:130px';


            cell5.appendChild(element4);

            var cell6 = row.insertCell(4);

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

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

        }

</script>
<br/>
  <form method="post" action="<?php echo Yii::app()->baseUrl; ?>/index.php?r=kategori_produk/simpan" onSubmit="return confirm('Apakah data yang di input sudah benar?');">
 <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>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>