view

<script type="text/javascript">
function tambahData(){
    $('#dlgFom').dialog('open').dialog('setTitle','<?php echo $_GET['hal'];?>');
    $('#fmsm').form('clear');
    document.getElementById("judulwindow").innerHTML="<b></b>&nbsp;Tambah Data <?php echo $_GET['hal'];?>";
}
function tutup(){
    $('#dlgFom').dialog('close').dialog('setTitle','<?php echo $_GET['hal'];?>');
    $('#fmsm').form('clear');
}
function ubahData(){
    var checked = $('#dg').datagrid('getChecked');
    var row = $('#dg').datagrid('getSelected');
    if(row.ID_STATUS!=1){
        $.messager.alert('Informasi','Data SJI sudah Terkunci.');
    }else{
        if (row){
            $('#dlgFom').dialog('open').dialog('setTitle','<?php echo $_GET['hal'];?>');
            $('#fmsm').form('load',row);
        }
    }
    document.getElementById("judulwindow").innerHTML="<b></b>&nbsp;Sunting Data <?php echo $_GET['hal'];?>";
}
function simpanData(){
    $('#dgadd').datagrid('acceptChanges');
    var hal="<?php echo $_GET['hal'];?>";
    var ID = document.getElementById('ID').value;
    var NO_SJI = document.getElementById('NO_SJI').value;
    var NO_DO = document.getElementById('NO_DO').value;

    var validasi="";
    var dataString="";
    var data1=cekValidasi(NO_DO,' Kode DO');

    validasi=data1;

    dataString = 'ID=' + ID + '&NO_DO=' + NO_DO+ '&hal=' + hal+ '&NO_SJI=' + NO_SJI+ '&NO_DO=' + NO_DO;
    if(validasi!=""){
        $.messager.alert('Informasi',''+validasi);
        return false;
    }else{
        $.ajax({
            type: "POST",
            url: "<?php echo base_url();?>tms/sji/simpanData",
            data: dataString,
            success: function(result) {
                $.messager.alert('Informasi',''+result);
                $('#dg').datagrid('reload');
                tutup();
            }
        });
    }
}
</script>
<div data-options="region:'center',title:'<?php echo $_GET['hal'];?>'">
    <table id="dg" class="easyui-datagrid" style=" width:auto; height:auto" data-options="collapsible:true,fit:true" url="<?php echo base_url();?>tms/sji/tampilData" toolbar="#tbgr"  idField="NO_SJI"
           rownumbers="true" pagination="true" singleSelect="true" striped="true" pageSize=20 >
        <thead>
            <tr>
                <th field="ck" checkbox="true"></th>
                 <th field="NO_SJI" width="100" sortable="true" >No. SJI</th>
                 <th field="NO_DO" width="100" sortable="true" >No. DO</th>
                 <th field="KODE_PELANGGAN" width="100" sortable="true" >Kode Pelanggan</th>
                 <th field="NAMA_PELANGGAN" width="150" sortable="true" >Nama Pelanggan</th>
                 <th field="STATUS_DATA" width="180" sortable="true" >Status Data</th>
            </tr>
        </thead>
    </table>

    <div id="tbgr" style="padding:5px; height:auto;">
        <div >
        <div class="tab">
            <input class="easyui-searchbox" data-options="prompt:'Cari Data',menu:'#mm',searcher:cariData" style="width:250px; margin-top:50px; float:left;"></input>
            <div id="mm" style="width:120px;">
                <div  >No. SJI</div>
                <div  >No. DO</div>
                <div  >Kode Pelanggan</div>
                <div  >Nama Pelanggan</div>
            </div>
        </div>
        <span class="spasigreat"></span>
        <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onClick="tambahData()" title="Tambah"></a>
        <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onClick="ubahData()" title="Sunting"> </a>
        <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onClick="hapusData()" title="Hapus"></a>
        </div>
    </div>
</div>
<!----- grit popup do------>
<script type="text/javascript">
$(document).ready(function() {
    $('#grrigit').datagrid({
        onDblClickRow:function(){
            var baris = $(this).datagrid('getSelected');

            document.getElementById('NO_DO').value = baris.NO_DO;
            document.getElementById('KODE_PELANGGAN').value = baris.KODE_PELANGGAN;
            document.getElementById('NAMA_PELANGGAN').value = baris.NAMA_PELANGGAN;
        }
    });

    $(".panel-tool-close").click(function() {
        document.getElementById("btltut").disabled="";
        document.getElementById("sim").disabled="";
    });
});
function CariKontrak(){
    document.getElementById("btltut").disabled="disabled";
    document.getElementById("sim").disabled="disabled";
    $('#grrigit').datagrid({
        url:'<?php echo base_url();?>tms/sji/getDo',
        fitColumns:true,
        singleSelect:true,
        striped:true,
        idField:'ID',
        columns:[[
            {field:'NO_DO',title:'No. DO',width:150,editor:'text'},
            {field:'KODE_PELANGGAN',title:'Kode Pelanggan',width:100,editor:'text'},
            {field:'NAMA_PELANGGAN',title:'Nama Pelanggan',width:100,editor:'text'}
        ]],
    });
    $('#grrigit').datagrid('load');
    $('#inputrigit').dialog('open').dialog('Grid','Manipulated Grid');
}
function carikon(value,name){
    $('#grrigit').datagrid('load',{
        cari: $('#mmrig').val(),
        inputnamarigit: value,
        caridatarigit: name
    });
}
</script>
<div id="inputrigit" class="easyui-dialog" style="width:800px;height:470px;padding:10px 15px" data-options="modal:true"
     closed="true"  title=" Data Surat Jalan Internal">
    <table width="750" >
        <thead>
            <tr>
                <th class="headertable" colspan="2" >No. Do </th>
            </tr>
        </thead>
    </table>
    <table id="grrigit" class="easyui-datagrid" style="width:757px;height:350px" toolbar="#tbrigit" data-options="modal:true"
           rownumbers="true" pagination="true" singleSelect="true" >
    </table>
    <div id="tbrigit" style="padding:3px">
        <input class="easyui-searchbox" data-options="prompt:'Cari Data',menu:'#mmrig',searcher:carikon" style="width:250px; margin-top:50px; float:left;"></input>
        <div id="mmrig" style="width:120px;">
            <div  >No. DO</div>
            <div  >Kode Pelanggan</div>
            <div  >Nama Pelanggan</div>
        </div>

    </div>
    Informasi: <i>Double Click</i> baris data yang dipilih
</div>

<div id="dlgFom" class="easyui-dialog" style="width:600px;height:590px;padding:10px 20px;background-color:white;" data-options="modal:true"
    closed="true" buttons="#dlg-buttons">
    <table width="500" >
        <thead>
            <tr>
                <th class="headertable" colspan="2" id="judulwindow"></th>
            </tr>
        </thead>
    </table>
    <form name="fmsm" id="fmsm" method="post" action="">
        <div class="easyui-accordion" style="width:550px;height:420px;" >
            <div title="Data Utama" data-options="" style="overflow:auto;padding:10px; " >
                <table width="500" >
                    <tr>
                        <td style="width:100px" class="caption"><label class="label">No. SJI </label></td>
                        <td>
                        <input type="hidden" name="ID" id="ID" class="easyui-validatebox" />
                        <input type="text"  name="NO_SJI" id="NO_SJI" class="normalBlue" maxlength="50" readonly="" />
                        </td>
                    </tr>
                    <tr>
                        <td style="width:150px" class="caption"><label class="label">No. DO</label></td>
                        <td>
                        <input type="text"  name="NO_DO" id="NO_DO" class="normalBlue" maxlength="50" readonly="" />
                        <input type="button" onclick="CariKontrak()" value="Cari" class="tomboltab" />
                        </td>
                    </tr>
                    <tr>
                        <td style="width:100px" class="caption"><label class="label">Kode Pelanggan</label></td>
                        <td>
                        <input type="text"  name="KODE_PELANGGAN" id="KODE_PELANGGAN" class="normalBlue" maxlength="50" readonly="" />
                        </td>
                    </tr>
                    <tr>
                        <td style="width:150px" class="caption"><label class="label">Nama Pelanggan</label></td>
                        <td>
                        <input type="text"  name="NAMA_PELANGGAN" id="NAMA_PELANGGAN" class="normalBlue" maxlength="50" readonly="" />
                        </td>
                    </tr>
                </table >
            </div>
        </div>
    </form>
    <div id="dlg-buttons">
        <input type="button" class="buttonSimpan" id="sim"  onClick="simpanData()" value="Simpan" />&nbsp;
        <input type="button" class="buttonBatal" id="btltut"  onClick="tutup()" value="Batal" />
    </div>
</div>