上一頁/下一頁交互的第三步

  • 2022-07-13 15:10:20
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://51zuanshi.com.cn

下面昆明網(wǎng)站建設(shè)小編就來逐一解決這幾個問題。

第三步:選中next_page部件,在部件【屬性】面板中雙擊【鼠標單擊時】事件。在彈出的【用例編輯器】中單擊【添加條件】,在彈出的【條件編輯器】對話框左側(cè)下拉列表中選擇【值】,見圖54。然后單擊左側(cè)的【fx】,在彈出的【編輯文本】對話框中單擊【添加局部變量】,將部件products插入,然后單擊【插入變量或函數(shù)…】。在下拉列表中選擇 pageIndex,見圖55。單擊【確定】按鈕關(guān)閉【編輯文本】。

11.jpg

(圖54)

11.jpg

(圖55)

繼續(xù)在條件編輯器右側(cè)輸入值【2】,見圖56。昆明網(wǎng)站制作小編的意思是,如果當前頁面是2。單擊【確定】按鈕關(guān)閉【條件編輯器】。

11.jpg

(圖56)

繼續(xù)在【用例編輯器】中新增【選中】動作,在【配置動作】中勾選page2,見圖57,單擊【確定】按鈕關(guān)閉【用例編輯器】。

11.jpg

(圖57)

同樣的道理,如果當前頁面是 3,就要選中page3,用例添加完畢后見圖58。

11.jpg

(圖58)

細心的同學在看到帶有條件的多用例時,一定會留意觀察 If和Else If的邏輯關(guān)系。這里應(yīng)該是每次單擊【下一頁】按鈕都會判斷當前頁面并執(zhí)行動作,所以需要將這兩個用例切換為If 結(jié)構(gòu),見圖59。

11.jpg

(圖59)

單擊【預覽】按鈕,打開瀏覽器測試。單擊【下一頁】按鈕已經(jīng)可以正常交互了,接下來解決第二個問題,禁用【下一頁】按鈕。


當前文章標題:上一頁/下一頁交互的第三步

當前URL:http://51zuanshi.com.cn/news/wzzz/3530.html

上一篇:上一頁/下一頁交互的第二步

下一篇:上一頁/下一頁交互的第四步

網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)