用CQ5創建在對話框的組件

          1.       創建組件

          a.       CRXDE Lite里,右鍵點擊相應的組件文件夾如/apps/demoNoah/components,并且選擇“CreateCreate component…,在彈出的窗口中輸入相應信息,如下圖:

                              

          b.       一路點擊“Next”直到“OK”。

          2.       創建對話框

          a.       右鍵點擊剛才建立的組件,選擇“CreateCreate Dialog…”在彈出的窗口中輸入相應信息,如下圖:

                              

          b.       點擊保存,此時目錄結構如下:

                               
                        c.   右鍵點擊dialog/items/items/tab1節點,選擇“CreateCreate Node…”輸入如圖
                      

          d.       用同樣的方法在“items”下建立“title”節點,但此時Type選擇“cq:Widget

          e.      然后,添加如下屬性:

              

          f.       然后,再在“title”下建立“fieldConfig”節點,屬性如下:

                 

          g.       用同樣方法建立“des”節點,注意目錄結構,如圖

              

          3.       獲取變量值

          a.       打開“Buick_Tech_Info.jsp,輸入如下內容:

          <%@include file="/libs/foundation/global.jsp"%>
          <%@ page import="java.util.Iterator,
                com.day.cq.wcm.foundation.List,
          com.day.cq.wcm.api.Page,
                  com.day.cq.wcm.api.PageFilter
          "%>
          <cq:defineObjects />
              
          <%
              
          //List list = (List)request.getAttribute("titles");
          String[] titles = (String[])properties.get("titles", String[].class);
          String[] des 
          = (String[])properties.get("description", String[].class);

            

          b.       這里只主要說明的是怎么獲取用戶輸入的數據,具體想怎么顯示可自行實現,比如:

          <%
              
          if(titles != null){
              
          for(int i=0; i<titles.length; i++){
              
          %>
                      
          <class="accordion_headings"><%=titles[i]%></a>
                      
          <div id="test-content">
                          
          <div class="accordion_child">
                              
          <%= (i<des.length?des[i]:"")%>
                          
          </div>
                      
          </div>
          <%
              }

          }

              
          %>

          4.       在頁面中添加上相應的組件

          a.       到頁面中找到這個組件,并拖一個到頁面中。

          b.      在這個區域中點右鍵,選擇“Edit”。會出現類似如下界面

              

          b.       填寫完成后,點“OK”,用戶所填寫的信息會顯示在頁面上。

          5.       到此整個過程完成。



          眼鏡蛇

          posted on 2013-06-27 14:44 眼鏡蛇 閱讀(288) 評論(0)  編輯  收藏 所屬分類: CQ5

          <2025年7月>
          293012345
          6789101112
          13141516171819
          20212223242526
          272829303112
          3456789

          導航

          統計

          常用鏈接

          留言簿(6)

          隨筆分類

          隨筆檔案

          文章分類

          文章檔案

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 大姚县| 苍山县| 通山县| 芦山县| 临沭县| 仙桃市| 云霄县| 辽阳市| 新宾| 奎屯市| 渝北区| 安吉县| 刚察县| 桂林市| 化德县| 靖边县| 东海县| 岚皋县| 西丰县| 石狮市| 平舆县| 溆浦县| 蓬溪县| 田林县| 应用必备| 江山市| 上栗县| 梅河口市| 邢台市| 合阳县| 什邡市| 乐安县| 安达市| 津南区| 呈贡县| 铁岭县| 崇左市| 庄河市| 武鸣县| 淳安县| 富顺县|