easyui datagrid 彈出視窗

我的主頁面,程式碼如下：

Javascript程式碼

//新增資料彈出視窗
$(function(){
addDataWin = $('#addData-window').window({
href:'${basePath}/page/marketPlat2/addData/addData.jsp?workId=${workId}year=${year}&month=${month} &quarter=${quarter}&businessType=${businessType}&type=${type}'

,
title:'新增資料',
left:'100px',
top:'70px',
closed: true,
modal: false,
cache: false,
minimizable:false,
maximizable:false,
collapsible:false,
shadow: false
});
//新增資料彈出視窗
function addData(){
addDataWin.window('open');
}
}
//這裡只插入了一個datagrid的部分程式碼，就是點選這個按鈕，就會新呼叫addData()方法；
{
id:'add',
text:'新增',
iconCls:'icon-add',
handler:addData
}
//關閉彈出視窗
function closeWin(myWin) {
myWin.window('close');
};

Html程式碼

<div id="addData-window" title

="新增資料" style="width:510px;height:300px;font-size: 16">
</div>

效果圖為：
主頁面程式碼

第一個彈出視窗程式碼為：

Html程式碼

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
response.setHeader("Cache-Control", "no store");//HTTP 1.1
response.setHeader("Pragma", "no store");//HTTP 1.0
response.setDateHeader("Expires", 0);//在代理伺服器端防止緩衝
request.setAttribute("workId", request.getParameter("workId"));//yearwork表中的
request.setAttribute("year", request.getParameter("year"));//年
request.setAttribute("month", request.getParameter("month"));//月
request.setAttribute("querter", request.getParameter("quarter"));//季
request.setAttribute("businessType", request.getParameter("businessType"));//任務型別（周1 年3 季2 月0）
request.setAttribute("type", request.getParameter("type"));
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>新增資料</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<script type="text/javascript">
$(function(){
$('#btn-save,#btn-close-save,#serchCustomList,#seachProductList').linkbutton();
customobjWin=$('#customobj-window').window({
href:'${basePath}/page/marketPlat2/addData/seachCustomobj_list.jsp?',
title:'選擇客戶單位',
closed: true,
minimizable:false,
maximizable:false,
collapsible:false,
cache:false,
shadow:false
});
productWin=$('#product-window').window({
href:'${basePath}/page/marketPlat2/addData/seachProduct_list.jsp?&type=${type}',
title:'選擇產品',
closed: true,
minimizable:false,
collapsible:false,
maximizable:false,
cache:false,
shadow:false
});
});
//選擇客戶單位彈出視窗
function seachCustomobj(){
customobjWin.window('open');
}
//給客戶單位文字框和隱藏域賦值
function setCustomobjName(customOBJ){
$('#seachCustomobjId').val(customOBJ.customobjId);
var s =$('#seachCustomobjId').val();
$('#seachCustomobjName').val(customOBJ.customobjName);
}
//給產品文字框和隱藏域賦值
function setProductName(productOBJ){
$('#seachProductId').val(productOBJ.productId);
$('#seachProductName').val(productOBJ.productName);
}
//關閉客戶單位彈出視窗
function closeCustomWin(){
customobjWin.window('close');
}
//關閉產品彈出視窗
function closeProductWin(){
productWin.window('close');
}
//選擇產品彈出視窗
function seachProduct(){
var customobjId = $('#seachCustomobjId').val();
if(customobjId==""||customobjId==null){
alert("請選擇客戶單位");
return false;
}else{
productWin.window('open');
}
}
</script>
</head>
<body>
<div style="padding: 10px 10px 10px 10px;">
<form method="poxt">
<table >
<tr>
<td width="30%">請選擇客戶單位：</td>
<td width="50%">
<input type="hidden" id="seachCustomobjId" name="seachCustomobjId" />
<input type="text" name="seachCustomobjName" id="seachCustomobjName" readonly="readonly" class="easyui-validatebox" required="true" missingMessage="請選擇客戶單位名稱" style="width:200px"></input>
<td>
<td width="20%"><a href="javascript:void(0)" onclick="seachCustomobj()" id="serchCustomList" icon="icon-search">選擇</a></td>
</tr>
<tr><td colspan="3"> </td></tr>
<tr>
<td>請選擇產品：</td>
<td>
<input type="hidden" id="seachProductId" name="seachProductId" />
<input type="text" name="seachProductName" id="seachProductName" readonly="readonly" class="easyui-validatebox" required="true" missingMessage="請選擇產品名稱" style="width:200px"></input>
<td>
<td ><a href="javascript:void(0)" onclick="seachProduct()" id="seachProductList" icon="icon-search">選擇</a></td>
</tr>
</table>
</form>
</div>
<div style="text-align: center; padding: 5px;">
<a href="javascript:void(0)" onclick="saveAddData()" id="btn-save" icon="icon-save">儲存</a>    
<a href="javascript:void(0)" onclick="closeWin(addDataWin)" id="btn-close-save" icon="icon-cancel">取消</a>
</div>
</table>
<div id="customobj-window" class="earyui-window" title="選擇客戶單位" style="width: 550px; height: 350px; padding: 0px; background:#fafafa; ">
        <div id="product-window" class="earyui-window" title=

相關推薦

easyui datagrid 彈出視窗

我的主頁面,程式碼如下： Javascript程式碼   //新增資料彈出視窗   $(function(){                  addDataWin = $('#addData-window').window({

基於easyui的彈出視窗，自己留個以後用

/** * @deprecated 彈出視窗元件，基於easyui-1.3.2+, * @author caonq * @version 0.1 */ var popWin={ setupNum:1, buttons:[], //初始化元件。 init:fu

easyui dialog 子視窗jsp（被彈出視窗）呼叫父jsp頁面方法操作父jsp

父jsp（monthDuty.jsp'）: <script src="<%=contextPath%>/js/sunnyjs/monthDutyJs.js" type="text/ja

EasyUI彈出視窗例項

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery EasyUI例項基本彈出視窗-hovertree</title>

detailview按鈕列點選彈出視窗中使用datagrid

$(function(){ $('#dg').datagrid({ title:'test', view:detailview, remoteSort:false, sin

SweetAlert讓訊息彈出視窗更加具有個性化！

SweetAlert SweetAlert是指可對JavaScript標準功能的alert()及confirm()的彈出視窗進行個性化定製的庫。 SweetAlert的要點官網上有很多示例，看了這些基本上就OK了。但是，在kintone上使用時，【彈出訊息後更新頁面】這個處理只參照示例來寫的

Skyline Terra Explorer6.6彈出視窗實現複製功能

前段時間繼續下來的基於Skyline的B/S專案，是基於Terra Explorer6.6實現的。專案中涉及到基於三維模型查詢裝置編碼等操作，從使用者友好角度來講，查詢到的裝置編碼應該要支援複製，方便使用者基於編碼的二次查詢和操作。 1. Terra Explorer彈出視窗限制通常來說，在瀏覽器中複製

關於彈出視窗的設定

<dx:ASPxPopupControl ID="ASPxPopupControl1" runat="server" CloseOnEscape="True"             Modal

easyui ajax 彈出蒙版載入中...

js頁： /** * 第一步：解析預覽按鈕事件 */function importFile(){ var shopName=$("#shopName").val(); var fileSource=$("#fileSource").val(); var fileExportD

Android彈出視窗

protected void PopUp() { final PopupWindow popup = new PopupWindow(TestActivity.this); View popView = LayoutInflater.from(TestA

fancybox關閉彈出視窗parent fancybox close

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

自定義彈出視窗

第一步：建立視窗0，並拖拽3個按鈕第二步：建立視窗1，設定屬性“背景”，“大小” 第三步：建立變數，ButtonNumber 用於標記屬於哪個按鈕執行的視窗第四步：對應的指令碼指令碼事件如下（1）視窗0 ==> 按鈕“視窗1”==>事件==&g

1007 設定datawindow彈出視窗用於複雜欄位編

1：業務需求，某個欄位的編輯過成需要通過複雜的邏輯才能得出編輯的結果（計算器，評分等） 2：設定tag <popupeditorwithdw col4return="mdltitle" col4sqlwhere="sqlwhere" col4editordwo="editordwo" editorc

selenium +python 如何得到彈出視窗

# 獲取當前的頁面視窗 first_handle = brower.current_window_handle handles = brower.window_handles for i in handles: if i != first_handle: brower.close()

百度地圖精準定位，自定義marker，自定義資訊彈出視窗。

先說下業務場景，在資料庫查出相應的專案展示出來，然後點選專案在百度地圖上標註專案的地址，同時彈出視窗顯示相關的資訊。下面就來看看具體的實現： 1.引入百度地圖相關的API，我這裡選的是web的JavaScript API。後端的

Dynamics CRM JavaScript 儲存時彈出視窗，確認則儲存，取消則不儲存。

該程式碼需要配置OnSave事件。並啟用“將執行上下文作為第一個引數” 。 OnSave事件在表單載入和儲存時都會觸發，所以對於Alert的動作,需要寫好判斷條件，防止載入時觸發。本程式碼是通過判斷是否欄位未儲存來防止觸發的。 function SaveAlert(Execu

Java GUI 文字框點選時提示資訊消失和彈出視窗在按鈕或者標題欄顯示倒計時

最近在做課程設計，遇到一些介面設計，比較麻煩，花了一些心思設計，所以在此記錄下來，雖然不是最好的，用其他語言或其他方式可能會更簡單些。描述1：JTextField文字框未輸入時，在文字框上的提示資訊顏色設定為灰色，點選文字框時，提示資訊消失，輸入的字型顏色變成黑色，再次點

javaFX建立一個彈出視窗

Creating a Pop-Up Window in JavaFX 如果你讀過我釋出的關於在javaFX中如何切換場景的文章，你應該注意到在程式執行的整個期間, 只有一個視窗。但是如果你想要彈出一個視窗該怎麼辦呢？途徑非常相似但又有點不同，當你想從原始視窗切換到新的視窗

JavaScript:關閉彈出視窗時重新整理父視窗

程式碼1(開啟新視窗)：程式碼1(開啟新視窗)： <a href="#" onClick="Javascript:window.open('meeting_add.jsp','','width=560,height=397')">超連結</a> 程式碼2(關閉彈

Eric6與pyqt5學習筆記 10【彈出視窗大全】

                     from PyQt5.QtWidgets import *from PyQt5.QtCore import Qt, pyqtSignal, QTimer, QThread # 後三個都是用於第二個視窗class MyWindow(QWidget):     def _

easyui datagrid 彈出視窗

相關推薦