一、给GridPanel增加成两行toolbar

  1. tbar: {
  2. xtype: 'container',
  3. layout: 'anchor',
  4. defaults: {anchor: '0'},
  5. defaultType: 'toolbar',
  6. items: [{
  7. items: [...] // toolbar 1
  8. }, {
  9. items: [...] // toolbar 2
  10. }]
  11. }

二、去掉formPanel的边框

  1. var postForm = Ext.create('Ext.form.Panel', {
  2. style:'border-width:0 0 0 0;',

三、Grid SelectModel

  1. var grid = Ext.create('Ext.grid.Panel', {
  2. id: 'user_grid',
  3. selModel: Ext.create('Ext.selection.CheckboxModel',{mode: "MULTI"}),
  4.  
  5. var records = grid.getSelectionModel().getSelection();

四、store

  1. var store = Ext.create('Ext.data.JsonStore', {
  2. pageSize : Math.floor(clientHeight/25),
  3. proxy : {
  4. type : 'ajax',
  5. url : '/system_cases.do?method=getList',
  6. reader : {
  7. type : 'json',
  8. root : 'datas',
  9. totalProperty : 'sum',
  10. idProperty: "case_id"
  11. }
  12. },
  13. fields: ['case_id', 'case_name', 'case_des', 'enabled', 'create_user_name', 'create_dt']
  14. });

五、store reload传入搜索条件,适用于带条件翻页

  1. //extjs4
    store.on('beforeload',function(store, options){
  2. Ext.apply(store.proxy.extraParams, {
  3. 'log_info': Ext.getCmp('log_info').getValue(),
  4. 'start_date': Ext.getCmp("start_date").getValue(),
  5. 'end_date': Ext.getCmp("end_date").getValue()
  6. });
  7. });
  8.  
  9. //extjs3

store.on('beforeload',function(){
    Ext.apply(
        this.baseParams,
        {
            'fileDto.file.title':Ext.getCmp('title').getValue(),
            'fileDto.file.fileCodeNum':Ext.getCmp('fileCodeNum').getValue(),
            'fileDto.file.year':Ext.getCmp('year').getValue()
        }
    );
});

  1.  

六、checkbox以及radio

  1. var role_store = Ext.data.StoreManager.lookup('role_store');
  2. var user_role_store = Ext.create('Ext.data.JsonStore', {
  3. fields: ['users_id', 'role_id', 'users2role_id'],
  4. proxy: {
  5. type: 'ajax',
  6. //the store will get the content from the .json file
  7. url: '/system_user.do?method=getUserRoleList&users_id='+record.data.users_id,
  8. reader : {
  9. type : 'json',
  10. root : 'datas',
  11. totalProperty : 'sum',
  12. idProperty: "users2role_id"
  13. }
  14. }
  15. });
  16.  
  17. var role_data = new Array();
  18. role_store.each(function(record) {
  19. role_data.push({
  20. boxLabel: record.data.role_name,
  21. name: 'role_ids',
  22. inputValue: record.data.role_id
  23. });
  24. });
  25.  
  26. var checkGroup = {
  27. xtype: 'fieldset',
  28. title: '角色管理',
  29. layout: 'anchor',
  30. defaults: {
  31. anchor: '100%'
  32. },
  33. collapsible: true,
  34. collapsed: false,
  35. items: [{
  36. xtype: 'checkboxgroup',
  37. fieldLabel: '用户角色',
  38. name: 'user_role_group',
  39. //cls: 'x-check-group-alt',
  40. // Distribute controls across 3 even columns, filling each row
  41. // from left to right before starting the next row
  42. columns: 2,
  43. items: role_data
  44. }]
  45. };

  46. //将radio选择默认值
  47. postForm.getForm().findField("user_role_group").setValue({role_ids: user_role_array});

七、Grid提示

  1. {text: "略缩图", dataIndex: 'img',
  2. renderer: function(value, metaData, record, rowIndex, columnIndex, store) {
  3. var meta = "<img src='system/desktop/images/grid32x32.gif' />";
  4. metaData.tdAttr = 'data-qtip="' + meta +'"';
  5.  
  6. return '<img width="20" height="20" src="system/images/loading.gif" class="pic" errorimg="system/desktop/images/accordian.gif">';
  7.  
  8. }
  9. }
  1. //extjs3 的实现方式
    {header: "内容", width: 320, sortable: true, dataIndex: 'noteContent',
  2. renderer: function(value, metadata, record, rowIndex, columnIndex, store) {
  3. metadata.attr = 'ext:qtip="内容详细信息:<br/>' + value +'"';
  4. return value;
  5. }
  6. }

八、远程排序

Extjs4 的一些语法 持续更新中的更多相关文章

  1. Pig基础学习【持续更新中】

    *本文参考了Pig官方文档以及已有的一些博客,并加上了自己的一些知识性的理解.目前正在持续更新中.* Pig作为一种处理大规模数据的高级查询语言,底层是转换成MapReduce实现的,可以作为MapR ...

  2. Pig语言基础-【持续更新中】

      ***本文参考了Pig官方文档以及已有的一些博客,并加上了自己的一些知识性的理解.目前正在持续更新中.***   Pig作为一种处理大规模数据的高级查询语言,底层是转换成MapReduce实现的, ...

  3. 白话kubernetes的十万个为什么(持续更新中...) - kubernetes

    Kubernetes简称? 答:k8s或kube. Kubernetes是什么? 答:由Google开发的一个强大的平台,可以在集群环境中管理容器化应用程序.本质上是一种特殊的数据库,里面存储的是能够 ...

  4. git常用命令(持续更新中)

    git常用命令(持续更新中) 本地仓库操作git int                                 初始化本地仓库git add .                       ...

  5. Atom使用记录(持续更新中)

    部分内容取自:http://www.jianshu.com/p/dd97cbb3c22d,我自己也在使用,持续更新中 Atom安装插件在窗口中File---Setting---install 在里面进 ...

  6. java视频教程 Java自学视频整理(持续更新中...)

    视频教程,马士兵java视频教程,java视频 1.Java基础视频 <张孝祥JAVA视频教程>完整版[RMVB](东西网) 历经5年锤炼(史上最适合初学者入门的Java基础视频)(传智播 ...

  7. 系列文章:老项目的#iPhone6与iPhone6Plus适配#(持续更新中,更新日期2014年10月12日 星期日 )

    本文永久地址为http://www.cnblogs.com/ChenYilong/p/4020399.html ,转载请注明出处. ********************************** ...

  8. 知道创宇爬虫题--代码持续更新中 - littlethunder的专栏 - 博客频道 - CSDN.NET

    知道创宇爬虫题--代码持续更新中 - littlethunder的专栏 - 博客频道 - CSDN.NET undefined 公司介绍 - 数人科技 undefined

  9. Python开发【第二十三篇】:持续更新中...

    Python开发[第二十三篇]:持续更新中...

随机推荐

  1. Docker系列(七):Docker图形化管理和监控

    Docker管理工具之官方三剑客 Docker Machine是什么鬼 从前 现在 你需要登录主机,按照主机及操作系统特有的安装以及配置步骤安装Docker,使其 能运行Docker容器. Docke ...

  2. java设计模式系列1-- 概述

    准备开始写些设计模式的随笔,这是第一篇,概述主要回顾下六大原则 先用轻松和谐的语言描述下这6个原则: 单一职责 每个类甚至每个方法都只要做自己分内的事,不要背别人的锅,也就是功能要分类,代码要解耦 里 ...

  3. 主页面与iframe页面之间的javascript函数的调用

    1:在主页面里调用iframe页里面的javascript函数 <script type="text/javascript"> var childWindow = $( ...

  4. [Luogu2135] 方块消除【区间Dp】

    Online Judge:P2135 方块消除(这题不用预处理) Label:区间Dp 题目描述 Jimmy最近迷上了一款叫做方块消除的游戏.游戏规则如下:n个带颜色方格排成一列,相同颜色的方块连成一 ...

  5. Entity Framework Code First 模式-建立一对一联系

    使用的例子为教室(ClassRoom),教室里的多媒体设备(Device),一个教室里有一套多媒体设备,一套多媒体设备只放在一个教室里. 1.Data Annotations方式 需要在任意一方的主键 ...

  6. C++: Basic knowledge Part 1

    1.在 C++ 程序中调用被 C 编译器编译后的函数,为什么要加 extern “C”? 首先,extern 是 C/C++ 语言中表明函数和全局变量作用范围的关键字,该关键字告诉编译器,其声明的函数 ...

  7. 不用winio直接用c#函数实现模拟键盘

    原理来自:  http://blog.sina.com.cn/s/blog_71921a8e0100olaw.html /// <summary> /// 导入模拟键盘的方法 /// &l ...

  8. WPF 深入浅出学习 Day1

  9. C++构造与析构函数中调用虚函数的问题

    前些天想把以前写的内存池算法重写一遍,跨平台是第一目标,当时突发奇想,因为不愿意做成一大堆#if..#end,所以想利用C++的多态性,但是怎么让内存池完好退出却没想到自认为完美的方案.但是一个很偶然 ...

  10. MySQL操作表和表记录

    目录 操作表 增 列约束 列类型 删 改 修改表名 增加字段 修改字段 删除字段 查 复制表结构 操作表数据 增 删 改 查 操作表 增 创建表语法 创建一个表,多个字段: create table ...