SHARE
TWEET

Untitled

wayantisna Sep 16th, 2019 (edited) 130 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>CodeIgniter with JQuery Easyui</title>
  6.     <link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/easyui/themes/metro/easyui.css') ?>">
  7.     <link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/easyui/themes/icon.css') ?>">
  8.     <link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/bootstrap.min.css') ?>">
  9.     <script type="text/javascript" src="<?php echo base_url('assets/easyui/jquery.min.js') ?>"></script>
  10.     <script type="text/javascript" src="<?php echo base_url('assets/easyui/jquery.easyui.min.js') ?>"></script>
  11.     <script type="text/javascript" src="<?php echo base_url('assets/js/script.js') ?>"></script>
  12. </head>
  13. <body>
  14.  
  15. <div id="container" class="easyui-layout" fit="true">
  16.     <div region="center">
  17.         <table id="dgCustomers" toolbar="#toolbarCustomer" class="easyui-datagrid" fit="true" singleSelect="true" fitColumns="true" rowNumbers="false" pagination="true" url="<?= site_url('welcome/getcustomers') ?>" pageSize="50" pageList="[25,50,75,100,125,150,200]" nowrap="false">
  18.             <thead>
  19.                 <tr>
  20.                     <th field="customerNumber" width="80">Customer Number</th>
  21.                     <th field="customerName" width="100">Name</th>
  22.                     <th field="contactFirstName" width="100">Contact First Name</th>
  23.                     <th field="contactLastName" width="100">Contact Last Name</th>
  24.                     <th field="phone" width="50">Phone</th>
  25.                     <th field="addressLine1" width="100">First Address</th>
  26.                     <th field="addressLine2" width="100">Second Address</th>
  27.                     <th field="city" width="50">City</th>
  28.                     <th field="state" width="50">State</th>
  29.                     <th field="postalCode" width="50">Postal Code</th>
  30.                     <th field="country" width="50">Country</th>
  31.                 </tr>
  32.             </thead>
  33.         </table>
  34.         <div id="toolbarCustomer">
  35.             <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onClick="newCustomer()">New</a>
  36.             <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onClick="editCustomer()">Edit</a>
  37.             <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onClick="destroyCustomer()">Destroy</a>
  38.             <input  id="searchCustomer" class="easyui-searchbox" data-options="prompt:'Please Input Value',searcher:doSearchCustomer,
  39.            inputEvents: $.extend({}, $.fn.searchbox.defaults.inputEvents, {
  40.                keyup: function(e){
  41.                    var t = $(e.data.target);
  42.                    var opts = t.searchbox('options');
  43.                    t.searchbox('setValue', $(this).val());
  44.                    opts.searcher.call(t[0],t.searchbox('getValue'),t.searchbox('getName'));
  45.                }
  46.              })" style="width:50%;"></input>
  47.         </div>
  48.     </div>
  49.  
  50.     <div id="dlgCustomer" class="easyui-dialog" style="width: 780px; height: auto; padding: 10px;" modal="true" closed="true" buttons="#dlgCustomerBtn">
  51.         <form id="fmCustomer" method="post">
  52.             <div class="col-sm-12 justify-content-sm-center">
  53.                 <div class="row" style="width: 100%">
  54.                     <div class="col-sm-3">
  55.                         <div class="form-group">
  56.                             <label for="">Customer Name</label>
  57.                             <input type="text" name="customerName" class="easyui-textbox" style="width: 100%;">
  58.                         </div>
  59.                     </div>
  60.                     <div class="col-sm-3">
  61.                         <div class="form-group">
  62.                             <label for="">Contact First Name</label>
  63.                             <input type="text" name="contactFirstName" class="easyui-textbox" style="width: 100%;"></div>
  64.                     </div>
  65.                     <div class="col-sm-3">
  66.                         <div class="form-group">
  67.                             <label for="">Contract Last Name</label>
  68.                             <input type="text" name="contactLastName" class="easyui-textbox" style="width: 100%;"></div>
  69.                     </div>
  70.                     <div class="col-sm-3">
  71.                         <div class="form-group">
  72.                             <label for="">Phone</label>
  73.                             <input type="text" name="phone" class="easyui-textbox" style="width: 100%;"></div>
  74.                     </div>
  75.                 </div>
  76.                 <div class="row" style="width: 100%">
  77.                     <div class="col-sm-3">
  78.                         <div class="form-group">
  79.                             <label for="">First Address Line</label>
  80.                             <input type="text" name="addressLine1" multiline="true" class="easyui-textbox" style="width: 100%;">
  81.                         </div>
  82.                     </div>
  83.                     <div class="col-sm-3">
  84.                         <div class="form-group">
  85.                             <label for="">Second Address Line</label>
  86.                             <input type="text" name="addressLine2" multiline="true" class="easyui-textbox" style="width: 100%;"></div>
  87.                     </div>
  88.                     <div class="col-sm-3">
  89.                         <div class="form-group">
  90.                             <label for="">City</label>
  91.                             <input type="text" name="city" class="easyui-textbox" style="width: 100%;"></div>
  92.                     </div>
  93.                     <div class="col-sm-3">
  94.                         <div class="form-group">
  95.                             <label for="">State</label>
  96.                             <input type="text" name="state" class="easyui-textbox" style="width: 100%;"></div>
  97.                     </div>
  98.                 </div>
  99.                 <div class="row" style="width: 100%">
  100.                     <div class="col-sm-3">
  101.                         <div class="form-group">
  102.                             <label for="">Postal Code</label>
  103.                             <input type="text" name="postalCode" class="easyui-textbox" style="width: 100%;">
  104.                         </div>
  105.                     </div>
  106.                     <div class="col-sm-3">
  107.                         <div class="form-group">
  108.                             <label for="">Country</label>
  109.                             <input type="text" name="country" class="easyui-textbox" style="width: 100%;"></div>
  110.                     </div>
  111.                 </div>
  112.             </div>
  113.         </form>
  114.     </div>
  115.     <div id="dlgCustomerBtn">
  116.         <a href="javascript:void(0)" id="btn_save" class="easyui-linkbutton" iconCls="icon-ok-a" onclick="saveCustomer()" style="width:90px">Save</a>
  117.         <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-del-a" onclick="javascript:$('#dlgCustomer').dialog('close'); $('#fmEmployee').form(clear)
  118.        " style="width:90px">Cancel</a>
  119.     </div>
  120. </div>
  121.  
  122. </body>
  123. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top