随笔分类 -  Extjs

1 2 下一页
sencha touch中按钮的ui配置选项值及使用效果
摘要： 阅读全文
posted @ 2015-02-27 16:40 尐sんΙ頭 阅读(183) 评论(0) 推荐(0)
sencha touch中用来格式化日期的字符串参数
摘要： 阅读全文
posted @ 2015-02-27 13:53 尐sんΙ頭 阅读(157) 评论(0) 推荐(0)
extjs中gridpanel动态显示/隐藏列
摘要：在extjs3中，大家知道用myGrid.getColumnModel().setHidden(i,true);但到了4.0后，已经没有getColumnModel这个方法了，我们在Ext.panel.Table看到以下片段 if (headerCtCfg instanceof Ext.grid.h... 阅读全文
posted @ 2015-02-13 15:42 尐sんΙ頭 阅读(2061) 评论(0) 推荐(0)
extjs下拉框添加复选框
摘要：给ComboBox组件配置listConfig下拉框代码：var gyslxcm = Ext.create('Ext.form.field.ComboBox',{ id : 'gyslxcm', store : gyslxstore,... 阅读全文
posted @ 2015-02-04 08:49 尐sんΙ頭 阅读(2243) 评论(0) 推荐(0)
ext.apply和ext.applyIf
摘要：apply的用法：Ext中apply及applyIf方法的应用apply及applyIf方法都是用于实现把一个对象中的属性应用于另外一个对象中，相当于属性拷贝。不同的是apply将会覆盖目标对象中的属性，而applyIf只拷贝目标对象中没有而源对象中有的属性。apply方法的签名为“apply( O... 阅读全文
posted @ 2014-04-19 22:50 尐sんΙ頭 阅读(240) 评论(0) 推荐(0)
extjs之messagebox按钮显示中文
摘要：在extjs中我们用到了很多的提示框，但是在对话框按钮上面显示的都是英文的ok、yes、no、cancel，这里给出一个方法，能够使得提示框的按钮文本显示问中文。extjs在加载完成之后会调用页面的onDocumentReady()方法，我们可以在这个方法里对提示框的文本进行预设置，这样在调用的时候... 阅读全文
posted @ 2014-04-16 14:12 尐sんΙ頭 阅读(606) 评论(0) 推荐(0)
javascript获得浏览器工作区域的大小
摘要：浏览器的窗口发生变化时会执行window.onresize方法，通过这个方法我们可以获得到浏览器工作区域的大小：1 window.onresize=function(){ 2 bodyHeight = window.innerHeight?(window.innerHeight<600?600:window.innerHeight):document.documentElement.clientHeight;3 bodyWidth = window.innerWidth?window.innerWidth:document.body.offsetWidth;4 }; 阅读全文
posted @ 2014-04-10 17:13 尐sんΙ頭 阅读(263) 评论(0) 推荐(0)
Extjs之遍历Store内的数据
摘要：Store作为数据的载体，通过下面的方法可以获得Store内的数据; 1 Ext.define('haomlGeimjTongjGrid_store_data', { 2 extend: 'Ext.data.Model', 3 fields: ['id', 'jizcode', 'name', 'gaokgl', 'gaokdl', 'dikgl', 'dikdl', 'liezy', 'mein', 'hem& 阅读全文
posted @ 2014-04-10 17:01 尐sんΙ頭 阅读(1703) 评论(0) 推荐(1)
Extjs中numberfield小数位数设置
摘要：在默认的情况下，使用numberfield控件时只会显示两位小数，有的时候需要根据业务来确定显示小数的位数。通过设置下面的属性可以达到我们想要的目的： 1 text : '存煤量(万吨)', 2 dataIndex : 'amount', 3 sortable : true, 4 align : 'center', 5 width : 150, 6 editor : { 7 xtype : 'numberfield', 8 decimalPrecision: 5,//这里设置保留5为小数 9 minValue : 010 } 阅读全文
posted @ 2014-04-01 11:15 尐sんΙ頭 阅读(7415) 评论(0) 推荐(0)
extjs中rowEditing动态编辑
摘要：我们在使用Grid的rowEditing插件时希望能够根据自己的业务需求能够动态的实现那一列是用户可以编辑的，那一列用户不可编辑，下面给出一个方案能够实现rowEditing的动态编辑功能。之前我通过rowEditing的beforeedit事件获得它的行对象来控制列是否可编辑，这样做之后效果是实现了，但是之后它又会被置为可编辑，以此想到我们直接控制grid的editor配置，控制这个edior的readOnly属性，在数据grid的store数据显示之前，肯定会触发事件，这样我们在事件里面来改变grid的editor配置。下面这段代码是我在一个按钮中控制rowEditing的动态编辑： 1 阅读全文
posted @ 2014-03-29 09:58 尐sんΙ頭 阅读(2138) 评论(0) 推荐(0)
extjs combobox 设置下拉时显示滚动条 设置显示条数
摘要：extjs在点击下拉时如果没有限制它的高度，那么它的默认最大高度是300，显示的时候就会显示300的高度，知道选项内容超过这个高度时才会自动显示滚动条，往往在有些时候我们希望让combobox显示一个高度，设置如下： 1 new Ext.form.field.ComboBox({ 2 typeAhead : true, 3 id : 'storeposition', 4 editable : false, 5 store : cunmwz_Store, 6 allowBlank : true, 7 queryMode : 'local', 8 ... 阅读全文
posted @ 2014-03-24 17:43 尐sんΙ頭 阅读(2009) 评论(0) 推荐(0)
Extjs中Chart利用series的tips属性设置鼠标划过时显示数据
摘要：效果如下：从官网找到的例子，大家参考下吧。源码： 1 Ext.require('Ext.chart.*'); 2 Ext.require('Ext.layout.container.Fit'); 3 4 Ext.onReady(function () { 5 var pieModel = [{ 6 name: 'data1', 7 data: 10 8 }, { 9 name: 'data2', 10 data: 10 11 }, { 12 name: 'data3', ... 阅读全文
posted @ 2014-03-17 00:37 尐sんΙ頭 阅读(864) 评论(0) 推荐(0)
extjs中combobox默认显示第一个值
摘要：在进入页面时往往用户希望页面能够显示默认的内容，但是页面中会存在一些选项通过用户选择之后才会加载相应的内容。在这篇文章里面介绍了如何去设置页面中默认的内容，如combobox默认显示第一个值。页面： 1 //定义配煤单位model 2 Ext.define('unit_Model_ripmbb', { 3 extend : 'Ext.data.Model', 4 fields : [ { 5 name : 'id', 6 type : 'string' 7 }, { 8 ... 阅读全文
posted @ 2014-03-12 13:34 尐sんΙ頭 阅读(766) 评论(0) 推荐(0)
Extjs中grid表格中去掉红三角
摘要：在编辑Extjs的gridpanel的时候，数据有错误或是修改在每个单元格上都会出现红色的小三角，在每个列上面可以配置allowBlank: false来标识这个不可以为空有的时候在保存数据时如果不刷新页面也会留下红三角，那么在创建grid的时候，在grid里面加上下面的语句就不会再出现了：viewConfig: { markDirty: false}下面是grid的例子： 1 var haomlTongjGeimjGrid = Ext.create('Ext.grid.Panel', { 2 id: 'haomlTongjGeimjGrid', 3 n... 阅读全文
posted @ 2014-03-06 00:26 尐sんΙ頭 阅读(950) 评论(0) 推荐(1)
Extjs之combobox联动
摘要：1 Ext.Loader.setConfig({ 2 enabled : true 3 }); 4 Ext.Loader.setPath('Ext.ux', '../extjs/ux'); 5 Ext.require([ 'Ext.form.*', 'Ext.data.*', 'Ext.grid.Panel' ]); 6 7 Ext.onReady(function() { 8 Ext.QuickTips.init(); 9 var bodyWidth; 10 var bodyHeight; 11 var pane 阅读全文
posted @ 2014-02-07 18:02 尐sんΙ頭 阅读(281) 评论(0) 推荐(0)
Extjs嵌入html
摘要：方式一：使用组件的html属性嵌入html代码，如果html代码中存在参数可以使用字符串拼接的方式拼接html代码。html页面： 1 2 3 4 5 Extjs中嵌入html 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 Extjs代码： 1 Ext.Loader.setConfig({ 2 enabled : true 3 }); 4 Ext.Loader.setPath('Ext.ux', '../extjs/ux'); 5 Ext.require([ 'Ext.form.*', 'Ext. 阅读全文
posted @ 2014-02-05 16:46 尐sんΙ頭 阅读(10221) 评论(0) 推荐(0)
extjs之TypeError: d.read is not a function解决方案
摘要：在创建如下代码时报出此错：TypeError: d.read is not a function 1 Ext.define('shebyxgl_sheb_model', { 2 extend: 'Ext.data.Model', 3 fields: [ 'shebid', 'shebname' ] 4 }); 5 var sheb_store = Ext.create('Ext.data.Store', { 6 model: 'shebyxgl_she_model',//model名称引用错误，少了 阅读全文
posted @ 2014-01-11 10:44 尐sんΙ頭 阅读(1611) 评论(0) 推荐(0)
ext中嵌入flash
摘要：方法1：1 xtype: 'fieldset',2 border: 0,3 title: "",4 items[{5 xtype: 'flash',6 url: 'Test.swf'7 }]url是你webapp的路径，这个方法需要swfobject.js文件，在你的html页面或是服务器页面中引用这个swfobject.js文件，记住这个url所找的路径是你webapp下的跟你的页面相同的文件夹下面的flash文件，在服务器中如果页面交demo，那么他所找的路径就是webapp/demo/Test.swf方法2： 1 xty 阅读全文
posted @ 2014-01-08 12:44 尐sんΙ頭 阅读(420) 评论(0) 推荐(0)
extjs中datefield组件的使用
摘要：1 xtype: 'datefield',2 id: 'dateShangmfa',3 name: 'dateShangmfa',4 fieldLabel: '日期',//设置标签文本5 editable: false,//默认不可编辑6 format: 'Y年m月d日',//设置日期格式7 labelWidth: 40,//标签宽度8 maxValue: Ext.Date.format(new Date(), 'Y年m月d日'),//设置可以选择的最大日期9 value: Ext.util.For 阅读全文
posted @ 2014-01-06 10:30 尐sんΙ頭 阅读(1414) 评论(0) 推荐(0)
ext之关键字mixins、statics、require
摘要：1.mixins说明：类似于面向对象中的多继承 运行结果：2.statics说明：定义静态变量例子： 执行结果：3.config说明：属性包装器，为属性提供get和set方法例子： 执行结果：3.Ext.require说明：动态加载js文件使用Ext.require加载js文件，首先要通过Ext.loader设置文件路径。例子： 执行结果：转自：http://www.cnblogs.com/animal/archive/2012/04/02/2430308.html 阅读全文
posted @ 2013-12-31 13:34 尐sんΙ頭 阅读(307) 评论(0) 推荐(0)

1 2 下一页