首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計疑難解答

QUI 框架實現下拉菜單:從後台獲取數據綁定

     編輯:程式設計疑難解答

官方示例

QUI 官網提供完整示例:https://www.uileader.com/v3/pages/sample.html

實現步驟

  1. JSP 頁面:引入 QUI CSS/JS,定義 <select id="mySelect"></select>。
  2. JS 初始化:
    $('#mySelect').quiComboBox({
        url: 'action/getComboData.action', // 後台接口
        valueField: 'id',
        textField: 'name',
        onLoadSuccess: function() { console.log('加載完成'); }
    });
    
  3. Action 方法:返回 JSON 陣列 [{"id":1,"name":"選項1"}, ...],設置 Content-Type: application/json。

注意事項

  • 確保 QUI 版本與 jQuery 版本兼容。
  • 後台數據量大時啟用分頁/虛擬滾動。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved