Extjs4 的一些语法 持续更新中
一、给GridPanel增加成两行toolbar
- tbar: {
- xtype: 'container',
- layout: 'anchor',
- defaults: {anchor: '0'},
- defaultType: 'toolbar',
- items: [{
- items: [...] // toolbar 1
- }, {
- items: [...] // toolbar 2
- }]
- }
二、去掉formPanel的边框
- var postForm = Ext.create('Ext.form.Panel', {
- style:'border-width:0 0 0 0;',
三、Grid SelectModel
- var grid = Ext.create('Ext.grid.Panel', {
- id: 'user_grid',
- selModel: Ext.create('Ext.selection.CheckboxModel',{mode: "MULTI"}),
- var records = grid.getSelectionModel().getSelection();
四、store
- var store = Ext.create('Ext.data.JsonStore', {
- pageSize : Math.floor(clientHeight/25),
- proxy : {
- type : 'ajax',
- url : '/system_cases.do?method=getList',
- reader : {
- type : 'json',
- root : 'datas',
- totalProperty : 'sum',
- idProperty: "case_id"
- }
- },
- fields: ['case_id', 'case_name', 'case_des', 'enabled', 'create_user_name', 'create_dt']
- });
五、store reload传入搜索条件,适用于带条件翻页
- //extjs4
store.on('beforeload',function(store, options){- Ext.apply(store.proxy.extraParams, {
- 'log_info': Ext.getCmp('log_info').getValue(),
- 'start_date': Ext.getCmp("start_date").getValue(),
- 'end_date': Ext.getCmp("end_date").getValue()
- });
- });
- //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()
}
);
});
六、checkbox以及radio
- var role_store = Ext.data.StoreManager.lookup('role_store');
- var user_role_store = Ext.create('Ext.data.JsonStore', {
- fields: ['users_id', 'role_id', 'users2role_id'],
- proxy: {
- type: 'ajax',
- //the store will get the content from the .json file
- url: '/system_user.do?method=getUserRoleList&users_id='+record.data.users_id,
- reader : {
- type : 'json',
- root : 'datas',
- totalProperty : 'sum',
- idProperty: "users2role_id"
- }
- }
- });
- var role_data = new Array();
- role_store.each(function(record) {
- role_data.push({
- boxLabel: record.data.role_name,
- name: 'role_ids',
- inputValue: record.data.role_id
- });
- });
- var checkGroup = {
- xtype: 'fieldset',
- title: '角色管理',
- layout: 'anchor',
- defaults: {
- anchor: '100%'
- },
- collapsible: true,
- collapsed: false,
- items: [{
- xtype: 'checkboxgroup',
- fieldLabel: '用户角色',
- name: 'user_role_group',
- //cls: 'x-check-group-alt',
- // Distribute controls across 3 even columns, filling each row
- // from left to right before starting the next row
- columns: 2,
- items: role_data
- }]
- };
//将radio选择默认值- postForm.getForm().findField("user_role_group").setValue({role_ids: user_role_array});
七、Grid提示
- {text: "略缩图", dataIndex: 'img',
- renderer: function(value, metaData, record, rowIndex, columnIndex, store) {
- var meta = "<img src='system/desktop/images/grid32x32.gif' />";
- metaData.tdAttr = 'data-qtip="' + meta +'"';
- return '<img width="20" height="20" src="system/images/loading.gif" class="pic" errorimg="system/desktop/images/accordian.gif">';
- }
- }
- //extjs3 的实现方式
{header: "内容", width: 320, sortable: true, dataIndex: 'noteContent',- renderer: function(value, metadata, record, rowIndex, columnIndex, store) {
- metadata.attr = 'ext:qtip="内容详细信息:<br/>' + value +'"';
- return value;
- }
- }
八、远程排序
Extjs4 的一些语法 持续更新中的更多相关文章
- Pig基础学习【持续更新中】
*本文参考了Pig官方文档以及已有的一些博客,并加上了自己的一些知识性的理解.目前正在持续更新中.* Pig作为一种处理大规模数据的高级查询语言,底层是转换成MapReduce实现的,可以作为MapR ...
- Pig语言基础-【持续更新中】
***本文参考了Pig官方文档以及已有的一些博客,并加上了自己的一些知识性的理解.目前正在持续更新中.*** Pig作为一种处理大规模数据的高级查询语言,底层是转换成MapReduce实现的, ...
- 白话kubernetes的十万个为什么(持续更新中...) - kubernetes
Kubernetes简称? 答:k8s或kube. Kubernetes是什么? 答:由Google开发的一个强大的平台,可以在集群环境中管理容器化应用程序.本质上是一种特殊的数据库,里面存储的是能够 ...
- git常用命令(持续更新中)
git常用命令(持续更新中) 本地仓库操作git int 初始化本地仓库git add . ...
- Atom使用记录(持续更新中)
部分内容取自:http://www.jianshu.com/p/dd97cbb3c22d,我自己也在使用,持续更新中 Atom安装插件在窗口中File---Setting---install 在里面进 ...
- java视频教程 Java自学视频整理(持续更新中...)
视频教程,马士兵java视频教程,java视频 1.Java基础视频 <张孝祥JAVA视频教程>完整版[RMVB](东西网) 历经5年锤炼(史上最适合初学者入门的Java基础视频)(传智播 ...
- 系列文章:老项目的#iPhone6与iPhone6Plus适配#(持续更新中,更新日期2014年10月12日 星期日 )
本文永久地址为http://www.cnblogs.com/ChenYilong/p/4020399.html ,转载请注明出处. ********************************** ...
- 知道创宇爬虫题--代码持续更新中 - littlethunder的专栏 - 博客频道 - CSDN.NET
知道创宇爬虫题--代码持续更新中 - littlethunder的专栏 - 博客频道 - CSDN.NET undefined 公司介绍 - 数人科技 undefined
- Python开发【第二十三篇】:持续更新中...
Python开发[第二十三篇]:持续更新中...
随机推荐
- Docker系列(七):Docker图形化管理和监控
Docker管理工具之官方三剑客 Docker Machine是什么鬼 从前 现在 你需要登录主机,按照主机及操作系统特有的安装以及配置步骤安装Docker,使其 能运行Docker容器. Docke ...
- java设计模式系列1-- 概述
准备开始写些设计模式的随笔,这是第一篇,概述主要回顾下六大原则 先用轻松和谐的语言描述下这6个原则: 单一职责 每个类甚至每个方法都只要做自己分内的事,不要背别人的锅,也就是功能要分类,代码要解耦 里 ...
- 主页面与iframe页面之间的javascript函数的调用
1:在主页面里调用iframe页里面的javascript函数 <script type="text/javascript"> var childWindow = $( ...
- [Luogu2135] 方块消除【区间Dp】
Online Judge:P2135 方块消除(这题不用预处理) Label:区间Dp 题目描述 Jimmy最近迷上了一款叫做方块消除的游戏.游戏规则如下:n个带颜色方格排成一列,相同颜色的方块连成一 ...
- Entity Framework Code First 模式-建立一对一联系
使用的例子为教室(ClassRoom),教室里的多媒体设备(Device),一个教室里有一套多媒体设备,一套多媒体设备只放在一个教室里. 1.Data Annotations方式 需要在任意一方的主键 ...
- C++: Basic knowledge Part 1
1.在 C++ 程序中调用被 C 编译器编译后的函数,为什么要加 extern “C”? 首先,extern 是 C/C++ 语言中表明函数和全局变量作用范围的关键字,该关键字告诉编译器,其声明的函数 ...
- 不用winio直接用c#函数实现模拟键盘
原理来自: http://blog.sina.com.cn/s/blog_71921a8e0100olaw.html /// <summary> /// 导入模拟键盘的方法 /// &l ...
- WPF 深入浅出学习 Day1
- C++构造与析构函数中调用虚函数的问题
前些天想把以前写的内存池算法重写一遍,跨平台是第一目标,当时突发奇想,因为不愿意做成一大堆#if..#end,所以想利用C++的多态性,但是怎么让内存池完好退出却没想到自认为完美的方案.但是一个很偶然 ...
- MySQL操作表和表记录
目录 操作表 增 列约束 列类型 删 改 修改表名 增加字段 修改字段 删除字段 查 复制表结构 操作表数据 增 删 改 查 操作表 增 创建表语法 创建一个表,多个字段: create table ...