EasyUI 增刪改查完全詳細
阿新 • • 發佈:2019-02-02
本例項使用EasyUI建立表格,元素,視窗,以及各種請求。增加,修改,查詢及其他知識基本涵蓋完全。有用到js建立和html建立.
整體概覽:
多條件的分頁查詢
dialog對話方塊實現新增功能,加入驗證
window彈窗多條件分頁查詢
修改資訊
匯入:
- <prename="code"class="html"><%@ page contentType="text/html; charset=utf-8"import="java.util.*"language="java" %>
-
<%@page import="java.text.SimpleDateFormat"
- <%@ page language="java"pageEncoding="UTF-8"%>
- <linkrel="stylesheet"type="text/css"href="/portal/css/use.css"/>
- <linkrel="stylesheet"type="text/css"href="/portal/css/style.css">
- <linkrel="stylesheet"type="text/css"href="/portal/js/jquery-easyui/themes/default/easyui.css">
-
<link
- <scripttype="text/javascript"src="/portal/js/jquery-easyui/jquery-1.6.min.js"></script>
- <scripttype="text/javascript"src="/portal/js/jquery-easyui/jquery.easyui.min.js"></script>
前端js:
[javascript]- <script type="text/javascript">
- /* 啟動時載入 */
- $(function(){
- $('#movement_ode').combobox({
- url:'/portal/goodsMovingTypeAction.do?type=query',
- valueField:'movement_types',
- textField:'summary'
- });
- $("#goods_tab").datagrid({
- title: '貨品移動填報',
- checkOnSelect: false,
- pagination:true,
- pageSize:20,
- pageNumber:1,
- toolbar: '#tb',
- url: '/portal/queryGoodsMovementAction.do',
- loadMsg:'載入中...',
- fit: true,
- columns: [[
- { field: 'id', checkbox: true},
- { field: 'moveid', title: '編號', width:60 },
- { field: 'postingdate', title: '過帳日期', width:80},
- { field: 'transferreno', title: '移動單號', width:100 },
- { field: 'movementcodename', title: '移動型別資訊說明', width:150 },
- { field: 'fromstoragelocation', title: '來源庫位', width:60 },
- { field: 'tostoragelocation', title: '接受庫位', width:60 },
- { field: 'frommaterial', title: '商品編碼', width:80 },
- { field: 'frombatchnumber', title: '商品批號', width:80 },
- { field: 'quantity', title: '數量', width:60 },
- { field: 'reasoncodename', title: '原因程式碼說明', width:120 },
- { field: 'documentdatetime', title: '建立時間', width:80 },
- { field: 'del_flag', title: '記錄狀態', width:80,
- formatter: function(value,row,index){
- if (value=='0'){
- return'<a href="javascript:void(0);" style="color: #000000;" onclick="updateDelFlag('+value+','+row.moveid+');">有效</a>';
- }
- if (value=='1'){
- return'<a href="javascript:void(0);" style="color: #ff0000;" onclick="updateDelFlag('+value+','+row.moveid+');">無效</a>';
- }
- }
- },
- { field: 'exec_flag', title: '同步狀態', width:80,
- formatter: function(value,row,index){
- if (value=='0'){
- return'未同步';
- }
- if (value=='1'){
- return'已同步';
- }
- }
- }
- ]]
- });
- /* 選擇ERP商品資訊 */
- $("#select_erp_win").window({
- title:'選擇ERP商品資訊',
- width:640,
- height:400,
- modal:true
- }).window("close");
- $("#select_erp_tab").datagrid({
- url:"/portal/queryerpgoodsAction.do",
- loadMsg:'載入中...',
- singleSelect:true,
- pagination:true,