Extjs查询实现

【Extjs查询实现】的更多相关文章

效果图如上: 页面代码: Ext.QuickTips.init(); //放在图标上会自动提示信息 Ext.define('ExtApp.view.StudentList' , { extend : 'Ext.grid.Panel' , id : 'StudentListGrid' , xtype : 'StudentList' , store : 'StudentList' , draggable:false, //设置为false则禁用拖拽改变列顺序. columnLines:true,//…

EXTJS4 Grid Filter 插件的使用与后台数据解析------Extjs 查询筛选功能的实现

先汗一个,一个小功能又踢腾了一天.本来这个带Demo的,但是上面介绍的不是很详细.用的时候问题不大,主要问题在文件导入方面.以为这个插件的使用和其他的不一样. 1.首先是需要引入文件的位置:如图需要把整个grid都考到vs下,vs中结构如下: 2.设置路径,将文件导入 Ext.Loader.setConfig({ enabled: true }); Ext.Loader.setPath('Ext.ux', '../ext-js4.2/ux'); Ext.require([ '*', 'Ext.…

Python开发入门与实战14-基于Extjs的界面

14. 基于Extjs的界面上一章我们实现了一个原生的html例子,本章我们将采用Extjs实现界面的展现,来说明MVC模式下我们是怎么考虑界面与业务层的关系的. 14.1. 引用Extjs目录首先,我们在inventory app下增加一个static目录,拷贝Extjs发布目录到static下,本章节例子我们采用的是Extjs 4.1.1版本进行说明演示,Django项目能够访问static目录我们需要修改项目setting.py的STATIC_ROOT项的值,项目才能正确装载引用的静态…

MongoDB的查询

一.Find操作二.分页和排序三.游标的使用一.Find查询事前准备:插入如下数据 db.Students.insert([ { _id:1, name:"Zhao", age:25, country:"USA", books:["JS","C++","EXTJS","MONGODB"]}, { _id:2, name:"Qian",age:22, count…

Extjs4.2 Grid搜索Ext.ux.grid.feature.Searching的使用

背景 Extjs4.2 默认提供的Search搜索,功能还是非常强大的,只是对于国内的用户来说,还是不习惯在每列里面单击好几下再筛选,于是相当当初2.2里面的搜索,更加的实用点,于是在4.2里面实现. 国际惯例,先上图参考文献 https://gist.github.com/aghuddleston/3297619/ http://gridsearch.extjs.eu/ 国外的大牛已经帮我们实现了在4.0中的应用,但是到4.2还需要做少许变更才可以使用. 修改后的源代码如下[复制如下代码,放…

ExtJS 4.2 业务开发(二)数据展示和查询

本篇开始模拟一个船舶管理系统,提供查询.添加.修改船舶的功能,这里介绍其中的数据展示和查询功能. 目录 1. 数据展示 2. 数据查询 3. 在线演示 1. 数据展示在这里我们将模拟一个船舶管理系统,并提供查询.添加.修改的功能. 大致的目录结构如下: ShipMgrTab.js :船舶业务的入口. controller 目录:存放船舶业务的逻辑控制文件. model 目录:存放船舶业务的model文件. store 目录 :存放船舶业务的store文件. view 目录 :存放船舶业务的组件…

ExtJs 可查询的下拉框

最近项目中有个需求,就是有四个模块需要加载一个主表的内容,比如说这个表叫项目表(比如项目表里有两个字段一个是项目ID--projCd,还有一个是项目名称--projNm).主表的内容的要放在一个下拉框里选择.当然他的特别之处在于,项目太多,需要一个满足可以查询的下拉框来匹配项目名称.由于有多处地方要用,所以我把生成这个下拉框的JS做了一下封装,需要传入模块各自的查询Action的URL,还有各模块对应表里项目ID的字段名称(用来传参数)等等. 可喜可贺的是项目中用了ExtJS,不必四处去搜罗JQ…