上一頁(yè)/下一頁(yè)交互的第三步

  • 2022-07-13 15:10:20
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來(lái)源:http://m.supportcoffeeroasters.com

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

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

11.jpg

(圖54)

11.jpg

(圖55)

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

11.jpg

(圖56)

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

11.jpg

(圖57)

同樣的道理,如果當(dāng)前頁(yè)面是 3,就要選中page3,用例添加完畢后見(jiàn)圖58。

11.jpg

(圖58)

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

11.jpg

(圖59)

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


當(dāng)前文章標(biāo)題:上一頁(yè)/下一頁(yè)交互的第三步

當(dāng)前URL:http://m.supportcoffeeroasters.com/news/wzzz/3530.html

上一篇:上一頁(yè)/下一頁(yè)交互的第二步

下一篇:上一頁(yè)/下一頁(yè)交互的第四步

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