小白學jquery Mobile《構建跨平台APP:jQuery Mobile行動裝置 App實戰》連載七-手機調查問卷,jquerymobile
【範例7-3 文本編輯框製作簡單的調查問卷】
01 <!DOCTYPEhtml>
02 <html>
03 <head>
04 <metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
05 <title>調查問卷</title>
06 <metaname="viewport" content="width=device-width,initial-scale=1">
07 <linkrel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css"/>
08 <scriptsrc="http://code.jquery.com/jquery-1.7.1.min.js"></script>
09 <scriptsrc="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
10 </head>
11 <body>
12 <div data-role="page">
13 <divdata-role="header">
14 <h1>調查問卷</h1> <!—先加上一個頭部欄和標題—>
15 </div>
16 <divdata-role="content">
17 <formaction="#" method="post">
18 <!--placeholder屬性的內容會在編輯框內以灰色顯示-->
19 <inputtype="text" name="xingming" id="xingming"placeholder="請輸入你的姓名:"/>
20 <!--當data-clear-btn的值為true時,當該編輯框被選中-->
21 <!--可以單擊右側的按鈕將其中的內容清空-->
22 <inputtype="tel" name="dianhua" id="dianhua"data-clear-btn="true" placeholder="請輸入你的電話號碼:">
23 <labelfor="adjust">請問您對本書有何看法?</label>
24 <!—這裡用到了textarea而不是input-->
25 <textareaname="adjust" id="adjust"></textarea>
26 <!—通過for屬性與textarea進行綁定-->
27 <labelfor="where">請問您是在哪裡得到這本書的?</label>
28 <!--使用label時要使用for屬性指向其對應控制項的id-->
29 <textareaname="where" id="where"></textarea>
30 <ahref="#" data-role="button">提交</a>
31 </form>
32 </div>
33 </div>
34 </body>
35 </html>
運行結果7-4所示。
當在編輯框中輸入內容時,頁面會發生一定的變化,如頁面上方輸入姓名和電話的兩個編輯框中的文字會自動消失,要求填寫電話資訊的編輯框右側會出現一個“刪除”的表徵圖,單擊該表徵圖,編輯框中的內容會被自動刪除。另外,頁面下方兩個編輯框的內容會隨著其中內容的行數而自動增加高度。
在問卷中填入資料後的頁面7-5所示。之所以會帶來這些變化是由於,jQuery Mobile為文本編輯框設定了一些屬性,如placeholder屬性中的內容即是當編輯框未被使用時在其中顯示的內容。而當使用者在編輯框中輸入資料之後,placeholder所標註的內容會自動消失。
圖7-4 簡單的手機調查問卷 圖7-5 在問卷中填入內容
在本範例中新用到的控制項textarea,可以認為是一種定義了多行文本的文本編輯控制項,它可以根據其中的內容自動調整自身的高度,同時也可以通過拖拽的方式對其大小進行調整。
另外有讀者也許會注意到在輸入電話的編輯框中,筆者將空間的type屬性設定為了tel,這樣就會在使用者輸入其中內容時,自動將IME切換到數字鍵台,方便使用者使用。
另外,jQueryMobile還提供了一些其他屬性,表7-1將它們一一列舉出來,供讀者參考。
Android 加入Jquery mobile 頁面問題
這麼半天沒人回答,估計是你的描述很多老手也看不懂吧。。。
java頁面?哪來的java頁面?你是指jsp頁面?grails頁面?還是jsf頁面?
activity是指哪個?java web相關結構太多,每個公司用的都不一樣,所以需要你說詳細點
另外架構不同用的東西也不一樣,如果你用的是以前標準的MVC架構,裡面本身就用到servlet來做控制處理,怎麼可能不通過servlet,不過既然你用別的方法能在js裡面調用.java檔案的話,那麼我就按你的思路說好了,方法一般情況下有2種:
1、你知道每個方法有傳回值吧,所以既然可以調用java的方法,那麼如果你需要在java中的方法中的值,那麼直接在方法中結尾部分用return傳回值就好了。(如果你這個方法不是單獨為頁面傳回值用的,那麼這個方式不能用)
2、我不知道你用的是什麼結構,但是一般來說,每個結構前台頁面都有自己的擷取後台參數的方法,比如jsf用&{}、grails+jquery+groovy用${}等。不過jsf調用的參數,是後台java類檔案中的成員變數,而jquery調用的是後台傳遞的參數(也就是類似return)或者存放到session中的值
你看看你能用哪種吧,如果可以最好把1個前台html頁面和後台你所說的那個含有方法的java代碼拿出來看看
不明白請追問,如果對你有協助,記得採納~
jquery mobile 多頁面共用組件的問題
對話方塊加到所有page裡的方法是不科學的。你可以寫一個公用的JS函數,不管你在哪個page裡都是可以調用的。jquerymobile本身也有彈窗模組,就是dialog,具體細節去jquerymobile官網的API中查看吧。裡面有執行個體