ExtJs之Ext.comboBox的远程数据源读取程序
2024-08-30 22:32:39
既然可以测试本地AJAX,那就把书前面的代码作一次学习吧。
<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css"> <script type="text/javascript" src="ExtJs/ext-all.js"></script> <script type="text/javascript" src="ExtJs/bootstrap.js"></script> <script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script> <script type="text/javascript"> Ext.onReady(function(){ Ext.define('BookInfo', { extend: 'Ext.data.Model', fields: [{name: 'bookName'}] }); var bookStore = Ext.create('Ext.data.Store', { model: 'BookInfo', proxy: { type: 'ajax', url: 'source.html', reader: new Ext.data.ArrayReader({model: 'BookInfo'}) } }); Ext.create('Ext.form.Panel', { title: 'Sample', frame: true, height: 300, width: 600, renderTo: Ext.getBody(), bodyPadding: 5, defaults: { labelSeparator: ': ', labelWidth: 100, width: 400, labelAlign: 'left' }, items: [{ xtype: 'combo', fieldLabel: '书籍列表', listConfig: { loadingText: '正在加载书籍信息', emptyText: '未找到匹配值', maxHeight: 160 }, allQuery: 'allbook', minChars: 3, queryDelay: 300, queryParam: 'searchbook', tiggerAction: 'all', store: bookStore, displayField: 'bookName', valueField: 'bookName', queryMode: 'remote', }] }); }); </script> </head> <body> <div id='tpl-table1'></div> <br> <div id='tpl-table2'></div> </body> </html>
source.html的内容:
[ ['java编程思想'], ['C++入门'], ['javascript入门'], ['python入门'], ['php程序设计'] ]
最新文章
- C# 计算文件MD5
- c# XML序列化与反序列化 属性字段标识
- 兼容ie8 rgba()用法 滤镜filter的用法
- Android开发面试经——5.常见面试官提问Android题①
- mysql学习之-密码管理(默认密码,修改密码,解决忘记密码)
- lintcode:在O(1)时间复杂度删除链表节点
- mvc5 + ef6 + autofac搭建项目(四).1视屏上传生成截图
- finally块执行时间
- 实例甜点 Unreal Engine 4迷你教程(6)之三个重要基础操作SpawnActor、TArray的Add和Remove
- 安装Compass时不能访问服务器的问题
- jdk5升8问题记录-Spring2升4
- SBT实操指南
- Linux CenterOS安装mysql-5.6.12-linux-glibc2.5-x86_64.tar.gz步骤
- vue使用矢量图
- RPC的基础:调研EOS插件http_plugin
- 程序编译运行和exe运行之文件位置的区别
- 数位dp小结
- vs 2012/2013 等工具中,使用正则表达式,查找、替换
- LCS 最长公共子子串
- 分子量(UVa1586)
热门文章
- Android View的onTouch和onClick和onLongClick事件
- linux驱动由浅入深系列:tinyalsa(tinymix/tinycap/tinyplay/tinypcminfo)音频子系统之一【转】
- 套接字(socket)与socket 编程
- git的使用(转)
- Spark2.0.2+Zeppelin0.6.2 环境搭建 初探
- 一种压缩图片的方法---Machine learning 之 K-Means
- Kali linux 2016.2(Rolling)之 Nessus安装及Plugins Download Fail 解决方法
- 自己整理的HTML基本标签参考知识
- JAVA语言编程格式高级规范
- POJ_1061_扩展欧几里德