2. 程式人生 > >easyUI（ accordion +tree）動態生成導航選單（資料庫讀取資料）

easyUI（ accordion +tree）動態生成導航選單（資料庫讀取資料）

阿新 • • 發佈：2019-01-28
$(function() { $.ajax({ type: 'POST', async: false, dataType: "json", url: '${pageContext.request.contextPath}/queryPMenu',//獲取選單 success: function(data) { $.each(data, function
(i, n) { //載入父類節點即一級選單 var id = n.id; var text1 = n.text; if(i == 0) { //顯示第一個一級選單下的二級選單 $('#layout_west_accordion').accordion('add', { title: n.text, iconCls: n.iconCls, selected: true
, //可在這加HTML程式碼，改變佈局 content: '<div style="padding:10px 0px"><ul id="tree' + id + '"></ul></div>', }); } else { $('#layout_west_accordion'
).accordion('add', { title: n.text, iconCls: n.iconCls, selected: false, content: '<div style="padding:10px 0px"><ul id="tree' + id + '"></ul></div>', }); } $.ajax({ type: 'POST', async: false, dataType: "json", url: '${pageContext.request.contextPath}/queryCMenuById?pId=' + id, success: function(data) { $("#tree" + id).tree({ data: data, animate: true, //iconCls: icon-blank, //在樹節點加圖片 formatter:function(node){ return '<img src="images/admin.gif"/><br>'+node.text; }, //lines: true, //顯示虛線效果 onClick: function(node) { // 在使用者點選一個子節點即二級選單時觸發addTab()方法,用於新增tabs //if(node.url){//判斷url是否存在，存在則建立tabs if(node) { addTab(node); } } }); } }); }) } }); }); //新增標籤頁/選項卡（相當於一個父tabs，其他的都是新增在這個之上，沒有這個下面新增不起tabs） $('#tt').tabs({ border: false, onSelect: function(title) { } }); // add a new tab panel function addTab(node) { //var t=$.trim(t); var tabExitOrNot = $('#tt').tabs('exists', node.text);//判斷此選項卡是否已存在 if(tabExitOrNot == true) { $('#mt-tabs').tabs('select', node.text); return; } //新增選項卡 $('#tt').tabs('add', { title: node.text, //content: '<iframe scrolling="auto" frameborder="0" src="${pageContext.request.contextPath}'+ node.url +'" style="width:100%;height:600px;"></iframe>', closable: true, tools:[{ iconCls:'icon-mini-refresh', handler:function(){ alert('refresh'); } }] }); }

相關推薦

easyUI（ accordion +tree）動態生成導航選單（資料庫讀取資料）

$(function() { $.ajax({ type: 'POST', async: false, dataType: "jso

下拉選單從資料庫讀取資料動態生成

一、頁面 index.ftl <html> <head> <meta charset="utf-8"> <script type="text/javascript" src

【動態樹】【Link Cut Tree】動態樹的理解（入門）

引入 現在我們需要一個數據結構滿足支援以下的操作： 兩個節點連線（保證不出現環） 兩個節點斷開 求任意兩個節點之間的區間和 這樣是不是很像樹鏈剖分？ 但是因為是動態的所以我們採用動態樹來進行維護。 樣例 現在給出一個樣例，我們一下的解釋都以當前

Freemarker如何生成樹形導航選單（遞迴）

很多導航選單是樹形的，即一級一級往下分，這樣的結構固然需要用遞迴來處理。  對於Freemarker 來說，巨集就相當於函式，其定義了簽名及引數列表。  所以在freemarker頁面應這樣寫： <#macro menuTree menus> <

C語言 二維數組（指針）動態分配和釋放（轉）

i++ 進制 numbers 很多 print 算術 uil 換算 som C 二維數組（指針）動態分配和釋放 先明確下概念： 所謂32位處理器就是一次只能處理32位，也就是4個字節的數據，而64位處理器一次就能處理64位，即8個字節的數據。如果我們將總長128位的指令分別

BZOJ-4777 Switch Grass（最小生成樹+動態開點線段樹+可刪堆）

題意 給定一張 n n n 和節點，

Django - 許可權（3）- 動態顯示二級選單

一、動態顯示二級選單 　　上篇隨筆中，我們實現了動態顯示一級選單，現在考慮這樣一種情況，使用者的選單許可權比較多，這個時候全部並列展現在左側選單就不合適了，所以，現在有這樣一個需求，即把使用者的選單許可權分類，劃分成二級選單，動態顯示在左側選單，解決方案如下： 1、修改許可權表結構 　　（1）分析需求，

Kettle控制元件介紹（1）：生成記錄、自定義常量資料

這邊主要介紹2個控制元件，生成記錄以及自定義常量資料，屬於kettle輸入項裡。 一、生成記錄： 這是生成記錄的轉換圖，生成記錄的具體值如下: 如圖，建立三個欄位，分別為A、B、C，對其定義欄位型別和欄位值。最上面的"限制"是限制展示的數量；如圖，"限制"為5，那就展示5行。 結

thinkphp實現動態下拉選單（補充 設定預設值）

在下拉選單中的選項 用動態方式新增 提高專案可擴充套件性 HTML部分  <span style="font-family:KaiTi_GB2312;font-size:18px;"><tr> <td width="84" align

（八十三）c#Winform自定義控制元件-導航選單（擴充套件）

前提 入行已經7,8年了，一直想做一套漂亮點的自定義控制元件，於是就有了本系列文章。 GitHub：https://github.com/kwwwvagaa/NetWinformControl 碼雲：https://gitee.com/kwwwvagaa/net_winform_custom_control.

SharedPreferences（儲存資料讀取資料）的簡單使用

本篇博文用一個登入的小案例來進行sp的使用練習。 登陸案例請訪問我的上一篇博文：https://blog.csdn.net/liyunfu233/article/details/84072958 程式碼如下： package com.example.sp; import andro

Kafka——Kafka消費者（從Kafka讀取資料）

KafkaConsumer概念 消費者和消費者群組 假設我們有一個應用程式需要從一個Kafka 主題讀取訊息並驗證這些訊息，然後再把它們儲存起來。應用程式需要建立一個消費者物件，訂閱主題並開始接收訊息，然後驗證訊息井儲存結果。過了一陣子，生產者往主題寫入訊息的速度超過了應用程式驗證資料的

嵌入式核心及驅動開發之學習筆記（九） 多路複用+中斷實現讀取資料

使用阻塞模型雖然可以避免等待資料過程中，CPU對程序的消耗，但是僅僅是為了等待這一個結果，就讓程序進入休眠，對於還要進行其他IO操作的程序而言太“奢侈”。所以引入多路複用的概念，解決這個問題。 非阻塞：立即返回結果，如果想得到期望的結果，要不停的呼叫這個方法（輪詢），非常耗費資源 阻塞：沒有

基於機器學習與人工智慧的資料（資料庫+大資料）技術

       該文主要介紹了資料技術的發展現狀和展望，通過對第35屆中國資料庫學術會議的內容整理以及總結而成，希望能夠給以後打算從事資料庫研發或者開發的朋友們指點迷津。本文主要內容包括：1.資料新技術簡介，2.資料質量管理（data cleaning），3.資料分析技術，4.

Android 天氣預報（使用okHttp、AsyncTask訪問和風天氣並Gosn解析資料）

第一步老規矩導架包，都是開源哦 在專案的配置檔案中新增 compile 'com.squareup.okhttp3:okhttp:3.2.0' compile 'com.squareup.okio:okio:1.9.0' compile 'com.google.code.gs

使用pandas模組從資料庫讀取資料（轉）

轉自：http://www.tuicool.com/articles/ZVzEz2N Python中用Pandas進行資料分析,最常用的就是Dataframe資料結構，之前寫過一篇文章介紹Pandas的基本用法，後來有些朋友問Pandas怎麼從資料庫中讀取資料，怎麼從檔

從資料庫讀取資料動態生成樹形選單示例

用C#從資料庫讀取資料，動態生成樹形選單例子 資料庫表 前臺程式碼 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="demo.aspx.cs" Inherits="demo" %> <!DO

Java動態生成bat檔案備份資料庫

String t = Thread.currentThread().getContextClassLoader().getResource("").getPath();獲取釋出執行路徑 //解決路徑中空格的問題 t=URLDecoder.decode(t,"utf-8");

jdbc驅動底層程式碼（通過控制器查詢資料庫的資料）

public User checkUserLoginDao(String uname, String pwd) { // 宣告jdbc物件 Connection conn = null;　 PreparedStatement ps = null;　　　　//這裡利用PreparedStatement是為了避免

互斥鎖（解決多個執行緒幾乎同時修改某個共享資料）

def test1(): global g_num mutex.acquire() g_num += 100 mutex.release() print(g_num) def test2(): global g_num # 上鎖 如果之前沒有被上鎖 ，那麼此時上所成功 # 如果之間已經被