專注UI 實用技術 模糊搜尋

2021-06-26 13:38:44 字數 1790 閱讀 8990

我們可能部分原始碼(附件中會有全部原始碼)

姓名

性別 張山男

李四女 王五

男 找六

男 rain

男 maxman

女 王六

男 李字

女 李四

大家很明顯就能看出來,我們洩露了資料,在介面上將資料洩露給了使用者,這是非常危險的,經過熟悉的ajax技術改造,我們馬上出了第二版:

但是這樣,測試給提了兩個

bug:

1,選中項沒有標記;

2,輸入漢字沒有反應

針對這些我們又增加了**:

為了解決漢字的問題,我們將觸發事件由onkeypress()更改為onpropertychange()

區別:onpropertychange是檢測屬性的變化,這時漢字的變化是屬性value的變化,就解決了onkeypress只識別英文與數字的缺陷。

通過我們自檢與負責的測試,我們將ui上的乙個小功能,模糊搜尋更改了n次,這恰恰符合了使用者至上的理念,我們應該加深乙個理念,對於使用者來說,介面就是全部,在對ui的優化上,應該在允許的範圍內不遺餘力地替使用者想,替使用者做!就像我剛進這家公司時一位同事說的一樣,讓使用者多想一點,多做一步,使用者都會生氣!

篩選:	姓名

性別 張山男

李四女 王五

男 找六

男 rain

男 maxman

女 王六

男 李字

女 李四

職工姓名

//後台**:

/** * 根據使用者輸入模糊查詢使用者

* @return

*/public string queryuserbyinput()catch(exception e)

//開發將結果拼裝成html**返回給前台頁面

string result = new string() ;

//迴圈拼裝html

for(int i = 0 ; i< listforquerty.size() ; i++ )

result = result + "

" ;

} //將html**返回

actioncontext.getcontext().put(json_result,result);

return success;

}

//滑鼠經過結果背景為灰色——模糊搜尋用

function over(o)

//滑鼠劃出結果背景為白色——模糊搜尋用

function out(o)

//後台**:

result = result + "

" ;

ExtJs Gridpanel實用技術

行選擇模式 js var rowcount grid.getselectionnode getselections var rowcount grid.getselectionnode getselections 可以獲取全部選中的記錄,得到的rowcount將是乙個array,比如想獲取 列的資料...

C 反射實用技術

反射提供了封裝程式集 模組和型別的物件 type 型別 可以使用反射動態建立型別的例項,將型別繫結到現有物件,或從現有物件獲取型別並呼叫其方法或訪問其字段和屬性。如果 中使用了屬性,可以利用反射對它們進行訪問。程式集包含模組,而模組包含型別,型別又包含成員。反射則提供了封裝程式集 模組和型別的物件。...

CSS JS實用技術總結!

1.考慮到html在設計時的後續擴充套件問題,通常情況下需提前確定好body的基礎引數 舉例如下 body,body 2.確保字型在盒子裡垂直水平居中 width 20px height 20px text align center 水平居中 line height 20px 垂直居中 注意高度設定...