EXTJS
无奈的伤城
这个作者很懒,什么都没留下…
展开
-
EXTJS4 CSDN地址
EXTJS4 CSDN地址 http://blog.csdn.net/zhaoqiliang527/article/category/721169转载 2013-11-13 16:40:56 · 501 阅读 · 0 评论 -
Extjs4之 grid中加入合计行(summary )
Ext.onReady(function () { Ext.define('TestResult', { extend: 'Ext.data.Model', fields: ['student', { name: 'mark', type: 'int'原创 2015-07-03 10:38:03 · 7487 阅读 · 2 评论 -
Extjs4之行合计应用
.x-grid-row-summary .x-grid-cell-inner { font-weight : bold; font-size : 12px; color : red; /* background-color : #ffd800; */}原创 2015-07-03 10:40:45 · 1042 阅读 · 0 评论 -
ExtJs4.2的合并单元格
一: 首先说明算法非原创, 感谢 http://blog.csdn.net/kunoy/article/details/7829395 提供了绝大部分思路 , 我这儿就是改改代码 使4.1的代码能适应在4.2里而已. 只是看到网上目前还没有4.2合并单元格方法 , 贴出来抛砖引玉 ,也算是全宇宙首发吧 哈哈.这个方法并不完美(文末会提到) , 还请高手们帮忙改进转载 2015-06-12 17:50:49 · 931 阅读 · 0 评论 -
采用新的方法解决extjs4.1 grid合并单元格问题
首先技术原理基于狂人论坛的大大yunfengcheng发的帖子《100行代码解决ExtJs4.1合并单元格问题》,表示感谢。如果需要他的代码各位可自行下载,在此不方便贴出(人家可卖30个金钱的呢,虽然有点小贵,呵呵)。好了,进入正题吧。首先使用他的代码后效果如下:从这幅图可以看/** * Kunoy * 合并单元格 * @param {}原创 2015-06-12 17:48:04 · 887 阅读 · 0 评论 -
extjs4 之单元格编辑 获取列对象
获取列对象 grid.getHeaderAtIndex(columnIndex);获取列的dataIndex,textvar fieldName = grid.getHeaderAtIndex(columnIndex-2).dataIndex;var fieldText = grid.getHeaderAtIndex(columnIndex-2).text;//console.lo原创 2015-08-24 14:46:30 · 968 阅读 · 0 评论 -
ExtJs4 - grid 合并单元格 跨行跨列
ExtJs - grid 合并单元格 跨行跨列在Grid加载完成后直接调用此方法,需要注意的是,合并的单元格值必须一样。/** * 合并单元格 * @param {} grid 要合并单元格的grid对象 * @param {} cols 要合并哪几列 [1,2,4] */ function mergeC转载 2015-08-14 14:20:43 · 2201 阅读 · 0 评论 -
extjs4之合并单元格
index.html ExtJS Merge Cells .x-grid-td { border-width: 0; overflow: hidden; vertical-align: middle; } example.jsEx原创 2015-08-19 09:13:05 · 2791 阅读 · 0 评论 -
Extjs4之 treepanel 操作
var areaTreePanel, treeResource,childrenData,areaFormPanel,dataType,mdflag; Ext.onReady(function(){ Ext.define("treeModel", {// 定义树节点数据模型 extend : "Ext.data.Model", fields : [{原创 2015-11-18 09:30:40 · 796 阅读 · 2 评论 -
extjs4 图片上传预览
var fileField = new Ext.form.field.File({ buttonText: '上传图片', buttonOnly: true, name: 'cover', margin: '10 0 0 0', listeners: { change: function (btn, v) {原创 2015-11-30 13:29:20 · 1130 阅读 · 0 评论 -
extjs4 formpanel 表单布局
/************* form layout ********************/var field8 = Ext.create('Ext.form.field.Date', { fieldLabel: '开始日期*', name: 'field8', format: 'Y-m-d', anchor: '96%', value: '2015原创 2015-11-30 13:32:14 · 4847 阅读 · 0 评论 -
Ext.form.Panel表单面板各组件介绍
1、Ext.form.FormPanel支持的主要表单组件ExtJS表单组件说明Xtype类型Ext.form.field.CheckBox复选框checkboxfieldExt.form.CheckBoxGroup复选框组checkboxgroupExt.form.field.ComboBox下拉列表框combo转载 2015-11-30 10:10:03 · 802 阅读 · 0 评论 -
extjs4之动态列的实现
http://www.2cto.com/kf/201305/207789.htmlhttp://www.cnblogs.com/doublog/archive/2009/07/14/1523682.html转载 2015-06-30 10:03:13 · 505 阅读 · 0 评论 -
Extjs4 grid相关配置以及应用
1、Ext.grid.GridPanel主要配置项:store:表格的数据集columns:表格列模式的配置数组,可自动创建ColumnModel列模式autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0stripeRows:表格是否隔行换色,默认为falsecm、colModel:表格的列模式,渲染表格时必须设置该配置项sm、selModel:表原创 2015-06-24 15:18:30 · 668 阅读 · 0 评论 -
EXTJS4 Array 使用方法总结
Ext.onReady(function(){ var array = ['1','2','3','4','1','6','7']; Ext.Array.clean(array); //['1','2','3','4','6','7']; Ext.Array.clone(array); // 克隆数组 Ext.Array.contains(array,'1'); //返回tru转载 2013-11-13 16:36:02 · 998 阅读 · 0 评论 -
EXTJS4 图表
图表的几大要素:1、坐标:上、下、左、右。坐标的类型,数字、分类...坐标包含需要显示的坐标值,即绑定的字段坐标值的样式,比如旋转、字体大小、格式坐标的最大值、最小值、是否显示网格坐标旁边显示的文字2、图表:柱状图、折线图、点图、饼图、区域图、盘表图、雷达图...图标的类型图表x、y轴对应的字段图标上显示的文字,文字的样式、位置鼠标移上去需要转载 2014-08-12 11:14:52 · 921 阅读 · 0 评论 -
ExtJS4学习---上传文件(upload)
本文介绍Extjs4文件上传示例,Extjs4中,主要使用up('form').getForm().submit()方法来实现文件的上传,在submit方法中,指定其type属性,这点很重要,如果不指定,那么在上传完成后的处理中,除非服务端不返回数据,否则客户端就会报错。实例代码如下:upload.html: "-//W3C//DTD XHTML 1.0 Trans转载 2014-08-12 11:30:05 · 1243 阅读 · 0 评论 -
学习 网站
http://www.jq22.com/原创 2014-07-16 17:18:53 · 707 阅读 · 0 评论 -
EXTJS4 gridpanel中动态的显示/隐藏某个列
在extjs3中,大家知道用myGrid.getColumnModel().setHidden(i,true);但到了4.0后,已经没有getColumnModel这个方法了,我们在Ext.panel.Table看到以下片段if (headerCtCfg instanceof Ext.grid.header.Container) { me.headerC转载 2014-10-30 14:06:18 · 2271 阅读 · 0 评论 -
extjs4 之 Grid 列编辑
Ext.onReady(function () { var RowEditing = Ext.create('Ext.grid.plugin.RowEditing', { // 行编辑模式 clicksToMoveEditor : 2, //双击编辑 整行修改转载 2015-06-17 17:26:41 · 2285 阅读 · 0 评论 -
ExtJs4 之 TreePanel
"/ExtUI/ExtJs4.2.1/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> "/ExtUI/mecss/UIicon.css" rel="stylesheet" type="text/css" /> "/ExtUI/ExtJs4.2.1/ext-all.js" type="text/javasc原创 2015-06-17 17:32:40 · 1511 阅读 · 0 评论 -
ExtJs4之Grid配置信息
var temporaryAttendanceGrid; Ext.onReady(function(){ var store = Ext.create('Ext.data.Store',{ id:'store', fields:["UUID","NAME","TEACHERID","COURSE_START_TIME","COURSE_END_TIME","BARCODE",原创 2015-06-17 17:23:34 · 615 阅读 · 0 评论 -
Extjs4之 formpanel使用
formpanel 布局// formpanel 表单 var formPanel = Ext.create('Ext.form.Panel',{ id : 'formPanel_TemporaryAttendance', modal : true, autoScroll : true, closable : true, clos原创 2015-06-18 13:41:05 · 724 阅读 · 0 评论 -
EXTJS4 之 toolbar
ShortcutxtypeClassDescription '->'tbfillExt.toolbar.Fillbegin using the right-justified button container '-'tbseparatorExt.toolbar.Separatoradd a vertical separat原创 2015-06-19 10:12:35 · 787 阅读 · 0 评论 -
Extjs4 行颜色改变
css 定义.row-0 .x-grid-cell{ background-color : pink !important;}.row-1 .x-grid-cell{ background-color: green !important;}.row-2 .x-grid-cell{ background-color: red !important;}原创 2015-06-24 15:17:27 · 1180 阅读 · 0 评论 -
extjs4 tools 配置项
Ext.onReady(function() { var panel = new Ext.Panel({ renderTo: "hi", title: "面板的标题", width: 400, height: 500, html: "面板的主体内容", tbar: [{原创 2015-11-30 13:42:30 · 983 阅读 · 0 评论