EasyUI Combobox中getValue和getText

 在組織部項目中使用的Combobox都是經過<input>標籤實現的,以下:函數

   <input id="checkPlace" class="easyui-combobox" name="checkPlace"  data-options="valueField:'id',textField:'text',url:'/DevelopmentBasicInfo/queryType'" value="所有">可見經過url地址就能夠將具體函數的返回值充當下拉框中的選項。性能

    情景再現:ui

    如圖,從下拉框中獲取一個值,傳到Controller中:編碼

      在js中獲取下拉框的值url

             查看相關Controller中的代碼:blog

       問題就出在這裏了,將CityID和CityName分別賦值給id和text,結合<input>標籤:字符串

<input id="checkPlace" class="easyui-combobox" name="checkPlace"  data-options="valueField:'id',textField:'text',url:'/DevelopmentBasicInfo/queryType'" value="所有">get

       分析:input

     使用easyui以後,對於Combobox來講,獲值有兩種選擇,"getValue‘和「getText」的選擇源於咱們對combobox在data-option中的設定,「valueField:」和「textField:」對應了getValue和getText,這樣子對於鍵值對的選取就避免了屢次的I/O操做(編碼和性能都提高),很方便。it

     

     Addition:

      閒來無事本身作了幾個實驗:

      combobox中使用getValue時:

      (1)若是組合框中的內容是「123張振華」,最終在js中只能截取到「123」;

      (2)若是組合框中的內容是"張振華123",在js中截取到的值爲「張振華123」。

      Combobox中使用getText時:

      不論組合框中數字和字符的前後順序,在js中截取到的值爲整個字符串。

相關文章
相關標籤/搜索