ExtJs3常用控件操作实例
结合工作内容,不定期更新。这里面可能会讲到一些常用的组件的操作。
json: {
"total": 30,
"data": [{
"funcAlign": "C",
"docNo": "ap5200_p",
"descMsg": "账龄分析",
"passWord": "",
"allowModify": "N",
"pageAlign": "C",
"titleFontSize": 20,
"funcFontSize": 8,
"titleHeight": 40,
"allowPrint": "N",
"tableName": "ap_rs_age_analysis",
"allowCopy": "N",
"modelFlag": "1",
"prtServer": "",
"sqlStatament": "",
"authNeeded": "N",
"pageNeeded": "Y",
"isMix": "N",
"pwNeeded": "N",
"pageSize": "KUANHANG",
"companyName": "",
"isRotate": "N",
"companyCode": "01",
"footer": "",
"maxLine": 10000,
"presentFontSize": 8,
"xmlPath": "",
"headFontSize": 8,
"headAlign": "C"
}
1.gridPanel
这个最常用,就是表格嘛,从后台接到收据的store里面读出数据,比如我传递了一个json,里面是对象的各个属性,那么我在前台显示的话,就要这样。
其中有一个可以自己调整部分字体颜色,比如如果是Y就显示对号,是N就显示X号,截图如下:
这个是关键点:
renderer : function(value){ return value=='Y'?'<b style="color:red">√ </span>':'<span style="color:green">否</span>' }
this.gridPanel = new Ext.grid.GridPanel({
autoScroll : true,
region : 'center',
store : this.store,
sm : sm,
cm : new Ext.grid.ColumnModel([sm,
new Ext.grid.RowNumberer({
header : '序号',
width : 35
}), {
xtype : 'actioncolumn',
header : '操作',
align : 'center',
width : 60,
items : [{
iconCls : 'report-pdf-edit',
tooltip : '修改',
handler : this.doEdit,
scope : this
}, {
iconCls : 'report-pdf-edit',
tooltip : '明细',
handler : this.openPdfHead,
scope : this
}] }, {
dataIndex : 'docNo',
sortable : true,
header : '文档名称',
width : 120,
align : 'left'
}, {
dataIndex : 'descMsg',
sortable : true,
header : '抬头信息',
width : 120,
align : 'left'
}, {
header : '对应表名',
dataIndex : 'tableName',
width : 120,
align : 'left'
}, {
header : '最大行数',
dataIndex : 'maxLine',
width : 120,
align : 'right'
}, {
header : '题头字号',
dataIndex : 'titleFontSize',
width : 120,
align : 'right'
}, {
header : '表头字号',
dataIndex : 'headFontSize',
width : 120,
align : 'right'
}, {
header : '数据字号',
dataIndex : 'presentFontSize',
width : 120,
align : 'right'
}, {
header : '题头高度',
dataIndex : 'titleHeight',
width : 120,
align : 'right'
}, {
header : '纸张类型',
dataIndex : 'pageSize',
width : 120,
align : 'center'
}, {
header : '横向打印',
dataIndex : 'isRotate',
width : 120,
align : 'center',
renderer : function(value){
return value=='Y'?'<b style="color:red">√ </span>':'<span style="color:green">否</span>'
}
}, {
header : '隔行变色',
dataIndex : 'isMix',
width : 120,
align : 'center',
renderer : function(value){
return value=='Y'?'√ ':'X'
}
}, {
header : 'sql语句',
dataIndex : 'sqlStatament',
width : 120,
align : 'left'
}])
});
2. 单选框 new Ext.form.RadioGroup
这个取值拿值是根据json里传来的值去自动判断的,所以前台只需要定义好你的Y值落在哪个单选框上即可。
3.数字文本框 NumberField
this.headWidth = new Ext.form.NumberField({
id : 'width',
name :'width',
fieldLabel : '宽度',
allowDecimals : false,//是否允许有小数点输入
minValue : 1,//最小值
width : 120
});
4.下拉框 Ext.form.ComboBox
this.align = new Ext.form.ComboBox({
id : 'align',
name : 'align',
fieldLabel : '对齐方式',//
width : 120,
displayField : 'alignName',
valueField : 'align',
mode : 'local',
triggerAction : 'all',
value : 'C',
store : new Ext.data.ArrayStore({
fields : ['align', 'alignName'],
data : [['L', 'L-居左'], ['C', 'C-居中'],
['R', 'R-居右']]
})
});
ExtJs3常用控件操作实例的更多相关文章
- C语言Windows程序开发—Windows窗口样式与常用控件样式【第04天】
(一)Windows窗口(MDICLIENT)样式介绍 /* Windows窗口样式 */ WS_BORDER //带有边框的窗口 WS_CAPTION //带有标题栏的窗口 WS_CHILD //子 ...
- [WinForm]WinForm跨线程UI操作常用控件类大全
前言 在C#开发的WinForm窗体程序开发的时候,经常会使用多线程处理一些比较耗时之类的操作.不过会有一个问题:就是涉及到跨线程操作UI元素. 相信才开始接触的人一定会遇上这个问题. 为了解决这个问 ...
- MFC编程入门之二十二(常用控件:按钮控件Button、Radio Button和Check Box)
本节继续讲解常用控件--按钮控件的使用. 按钮控件简介 按钮控件包括命令按钮(Button).单选按钮(Radio Button)和复选框(Check Box)等.命令按钮就是我们前面多次提到的侠义的 ...
- MFC之常用控件(四)
常用控件主要包括:静态文本框.编辑框.单选按钮.复选框.分组框.列表框.组合框.图片控件.列表控件.树形控件和进度条控件等等.本节教程先来讲解静态文本框的使用. 控件的通知消息 在将静态文本框的使用之 ...
- Android support library支持包常用控件介绍(二)
谷歌官方推出Material Design 设计理念已经有段时间了,为支持更方便的实现 Material Design设计效果,官方给出了Android support design library ...
- C# 常用控件属性及方法介绍
C#常用控件属性及方法介绍 目录 1.窗体(Form) 2.Label (标签)控件 3.TextBox ...
- DevExpress XtraScheduler日程管理控件应用实例(2)-- 深入理解数据存储
DevExpress年终击穿底价,单套授权低至67折!查看详情>>> 在上篇随笔<DevExpress XtraScheduler日程管理控件应用实例(1)-- 基本使用> ...
- VS2010/MFC编程入门之二十二(常用控件:按钮控件Button、Radio Button和Check Box)
言归正传,鸡啄米上一节中讲了编辑框的用法,本节继续讲解常用控件--按钮控件的使用. 按钮控件简介 按钮控件包括命令按钮(Button).单选按钮(Radio Button)和复选框(Check Box ...
- Day3 UI:7种常用控件、4种基本布局
Android常用控件 TextView <TextView android:id="@+id/text_view" android:layout_width="m ...
随机推荐
- python第三方库推荐 - 通过ntplib在windows上同步时间
很多时候我们有通过程序脚本同步校正北京时间的需求. 在linux上同步时间比较方便,安装个ntpdate软件就行了. 但是在windows的要同步时间比较麻烦. 这时想到的就是从网络获取一个准确的时间 ...
- POJ 1001 Exponentiation 无限大数的指数乘法 题解
POJ做的非常好,本题就是要求一个无限位大的指数乘法结果. 要求基础:无限大数位相乘 额外要求:处理特殊情况的能力 -- 关键是考这个能力了. 所以本题的用例特别重要,再聪明的人也会疏忽某些用例的. ...
- 【网络通信】服务器端Socket监听80端口,建立连接传输数据时也是使用的80端口么?
1. 服务器端Socket监听80端口,建立连接传输数据时也是使用的80端口么? 答:对.建立连接时服务器会分配一个新的Socket,但是用的源端口号还是80端口.套接字是由协议类型.源IP.目的IP ...
- JSBridge(Android和IOS平台)的设计和实现
前言 对于商务类的app,随着app注册使用人数递增,app的运营者们就会逐渐考虑在应用中开展一些推广活动.大多数活动具备时效性强.运营时间短的特征,一般产品们和运营者们都是通过wap页面快速投放到产 ...
- Android开发报错系列(一),java.lang.NullPointerException,at android.widget.ListView.setupChild
问题描述:运行代码是报空指针错误,java.lang.NullPointerException,at Android.widget.ListView.setupChild 问题定位:listview控 ...
- HDU 4288 Coder(线段树)
题意: 给定三种操作 1. add x 向序列中添加x,添加之后序列还保持有序 2. del x 删除序列中值为x的元素 3. sum 求下边模5等于3的元素和 思路: 直接暴力也可以过,就是看暴 ...
- android 实现垂直的ProgressBar
I had recently come across the need for a vertical progress bar but was unable to find a solution us ...
- Bash常用快捷键
快捷键 作用 Ctrl+A 把光标移动到命令行开头,如果我们输入的命令过长,想要把光标移动到命令行开头时使用 Ctrl+E 把光标移动到命令行结尾 Ctrl+C 强制终止当前的命令 Ctrl+L 清屏 ...
- tomcat 正常启动,无法访问。且项目启动无问题。。。的解决办法。。
Eclipes解决方法: 1.右击项目,选择propreties选项 2.在弹出的首选项窗口的左侧选择“Web Project Settings” 3.修改context root:输入框,修改成自己 ...
- [总结]RTMP流媒体技术零基础学习方法
本文主要总结一些我在学习RTMP流媒体技术过程中积累的经验.也为后来学习RTMP流媒体技术的人们一个参考.本文力图从简到难,循序渐进的介绍RTMP流媒体技术的方方面面,先从应用说起,逐步深化剖析相关工 ...