1. 程式人生 > >EasyUI彈出視窗例項

EasyUI彈出視窗例項

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jQuery EasyUI例項基本彈出視窗-hovertree</title>
    <link rel="stylesheet" type="text/css" href="http://hovertree.com/ziyuan/jeasyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css"
href="http://hovertree.com/ziyuan/jeasyui/themes/icon.css"> <link rel="stylesheet" type="text/css" href="http://hovertree.com/ziyuan/jeasyui/demo.css"> <script type="text/javascript" src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script> <script type="text/javascript"
src="http://hovertree.com/ziyuan/jeasyui/jquery.easyui.min.js"></script> </head> <body> <h2>HoverTree基本彈出視窗</h2> <p>彈出視窗能夠自由拖動</p> <div style="margin:20px 0;"> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#hover'+'treewindow').window('open')"
>Open</a> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#hovertreewindow').window('close')">Close</a> </div> <div id="hovertreewindow" class="easyui-window" title="HoverTree基本彈出視窗" data-options="iconCls:'icon-save'" style="width:500px;height:200px;padding:10px;"> 這是彈出視窗的內容,使用EsayUI實現。本視窗可以改變大小,自由拖動,最大化,收起。<a href="http://hovertree.com" target="_blank" style="color:black;">HoverTree</a> <a href="http://hovertree.com/hvtart/bjae/l59bo21o.htm" target="_blank">原文</a> </div> </body> </html>

相關推薦

EasyUI視窗例項

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

視窗元件基礎示例(例項程式碼)

s1.引用:jQuery dialog <linkrel="stylesheet"href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"><scriptsrc="//code.

easyui dialog 子視窗jsp(被視窗)呼叫父jsp頁面方法操作父jsp

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

easyUiwindow視窗傳值與呼叫父頁面的方法,子頁面給父頁面賦值

<!-- 父頁面 --> <!DOCTYPE html PUBLIC "-/W3C/DTD HTML 4.01 Transitional/EN" "http:/www.w3.org/TR/html4/loose.dtd"> <html&

基於easyui視窗,自己留個以後用

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

easyui datagrid 視窗

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

Easyui 加載中的遮罩的兩種方法

datagrid IT hellip pla itl width UNC message function 第一種: //彈出加載層function load() { $("<div class=\"datagrid-mask\"></div&

easyui加載遮罩層(轉)

data bsp yui 取消加載 true 彈出 pan doc outer //彈出加載層 function load() { $("<div class=\"datagrid-mask\"></div>").css({ displ

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

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 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

最新Layer例項【開箱即用】

最新Layer彈出層例項 程式碼如下,會有意外收穫 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title<

自定義視窗

第一步:建立視窗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文字框未輸入時,在文字框上的提示資訊顏色設定為灰色,點選文字框時,提示資訊消失,輸入的字型顏色變成黑色,再次點