![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
extjs
文章平均质量分 66
snn1410
这个作者很懒,什么都没留下…
展开
-
extjs--添加多行工具条toolbar
在应用程序的制作中,我们经常性的会用到工具栏,在Extjs中Panel中提供了tbar和bbar两个内置的工具栏,极大的方便了大家的使用,但是在创建多行工具栏的时候,就会有一些问题产生了,不能正常的显示已经设计好的页面。下面通过对Panel的render事件的监听,在它被渲染的时候添加多条工具栏,这样就不会影响页面的显示了。这一方法对Panel,FormPanel,GridPanel都适用。具体代转载 2013-03-06 10:38:24 · 10431 阅读 · 0 评论 -
Extjs 循环遍历图片,动态得到图片的信息
if (typeof (Page) == 'undefined' || Page == null) { Page = {}; }/** * 版型选择画面 */Ext.apply(Page.ChooseTemplate, { JS_NO: 'JS13', // 用于生成控件ID,防止控件ID重复 /** * 生成template模板选择窗口原创 2013-05-22 17:15:13 · 2442 阅读 · 0 评论 -
Ext.data.Store 关于排序和过滤的小结
Stores can be sorted and filtered - in both cases either remotely or locallystore可以排序和过滤,不论数据是本地的还是远程的例子: var store = Ext.create('Ext.data.Store', { model: 'User', sorters: [{原创 2013-05-23 11:26:51 · 5430 阅读 · 0 评论 -
单选按钮赋值
Ext.getCmp('rdo0').setValue(true);rdo0 ---- 是radio的id值上面代码是设置选中我原来使用这种方法做的var radio = .....radio.checked = true;先实例化一个单选按钮,然后设置属性checked:true,虽然也是设置成功,但是显示到页面的时候,还是没选中,所以实践证明还是用第一原创 2013-05-28 16:22:46 · 4241 阅读 · 0 评论 -
extjs在表格中嵌套combox下拉框
主要是个cellEditing插件详细参照官方网站:http://www.mhzg.net/a/20116/20116913110262.html我查了网上有一个例子,原理也是一样,可以参考http://192.168.1.117:8080/ext4.2/examples/build/KitchenSink/ext-theme-neptune/#cell-editing原创 2013-06-18 13:44:56 · 8455 阅读 · 0 评论 -
form布局中添加红色提示信息
不在一行:这个比较简单,直接在form布局中添加一个组件label就可以了// 新增景点表单 var addSpot_form = Ext.create('Haso.Components.InputFormPanel', { id: id_formPanel, items: [{ id: i原创 2013-07-01 16:50:44 · 1873 阅读 · 0 评论 -
extjs--combox动态赋值
if (typeof (InitData) == 'undefined' || InitData == null) { InitData = {}; }InitData.Terminal = { terminalNos: [{id:'', name:'全部'}] //下拉框终端号}// 从后台取值InitData.init = function () { /原创 2013-07-03 17:40:09 · 9622 阅读 · 1 评论 -
extjs4.0以后 隐藏列,自定义列的相关属性
var column = grid.columns; // 获取列对象隐藏列:column[1].hidden = true;隐藏第二列(列索引是从0开始)设置列标题:column[1].setText = "新的列标题";当然还可以设置其他的属性如列宽columnWidth等等注意:不过我遇到一个问题,因为我要实现的功能是显示同一列标题下,不同字段的数据(根据条件)原创 2013-07-05 12:01:57 · 6303 阅读 · 0 评论 -
Grid相关属性
1、Ext.grid.GridPanel 主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格是否隔行换色,默认为false cm、colModel:表格的列模式,渲染表格时必须设置该配置项转载 2013-07-05 13:33:02 · 895 阅读 · 0 评论 -
使用Ext.define自定义类
Ext.define 自定义类*************************************************************************转载理由:该博文详细介绍了define的用法,并扩展了类的构造方法,而且对父类和子类之间继承关系介绍的详细明白,值得借鉴。*********************************************转载 2014-02-10 11:12:43 · 4964 阅读 · 0 评论 -
extjs 基础知识点1
extjs里面最常用的方法Ext.onReady 这个方法在当前的DOM加载完毕后自动调用,保证页面内的所有元素都能被script所引用 1)获取元素 var myDiv = Ext.get('myDiv‘); 会去到页面上Id 是myDiv的元素。返回的是一个element对象 区分ext.get 和ext.getCmp Ext.get( St转载 2014-02-10 10:01:26 · 893 阅读 · 0 评论 -
extjs-布局 (在column布局中使用fieldset 和 在fieldset中使用column布局)
在标准的html中,需要把输入项都放到fieldset中,一次来显示分组结构。虽然EXT中的表单已经很漂亮了,但我么依然可以用fieldset来进行内部分组。 为了突出显示效果,这里我们可以将column和fieldset(fieldset只是一个普通的xtype)结合起来使用 1、var form = new Ext.form.FormPanel({原创 2013-04-18 11:01:50 · 32648 阅读 · 0 评论 -
布局 -列布局 column
var form = new Ext.form.FormPanel({ labelAlign:'right', title:'布局', labelWidth:50, buttonAlign:'center', frame:true, width:600,原创 2013-04-17 17:07:23 · 1075 阅读 · 0 评论 -
extjs -- checkbox radio
单选框:var sexRadioGroup = new Ext.form.RadioGroup({ fieldLabel : '性别', id : 'edituser.xb', -- edituser类的xb(性别)属性 disabled:true, items : [{转载 2013-03-25 11:27:39 · 748 阅读 · 0 评论 -
extjs自学--tabpanel
var tabs = new Ext.TabPanel({ renderTo:document.body, height:100 }); tabs.add({ title:'标题1', html:'内容1', closable:true }); tabs.add({ id:Ext.id(), -- 这个标签原创 2013-04-11 11:47:37 · 850 阅读 · 0 评论 -
extjs--grid 自定义编辑器
默认的TextField、DateField、ComboBox、NumberField也就只能处理一般的情况。当我们相对编辑器进行更详细的配置的时候,就需要用到PropertyGrid的customEditors,为指定的id的那行数据设置对应的编辑器。var grid = new Ext.grid.PropertyGrid({ title:'属性表格', autoHe原创 2013-04-11 11:49:31 · 1255 阅读 · 0 评论 -
extjs---分组表格groupGrid
Ext.grid.GroupingGrid分组表格就是在普通表格的基础上,根据某一列的数据将表格中的数据分组显示的表格的控件。 var cm = [ {header:'编号',dataIndex:'id',name:'id'}, {header:'性别',dataIndex:'sex',name:'sex'}, {header:'名称',dataIndex:'n原创 2013-04-11 11:49:48 · 13503 阅读 · 0 评论 -
extjs--grid
1、建立一个普通的grid表格(+日期格式的列)var cm = new Ext.grid.ColumnModel([ {header:'编号',dataIndex:'id',sortable:true}, ---- width(自主定义每一列的宽度) -- sortable:true 在列显示升降序排序 {header:'名称',dataIndex:'name'原创 2013-04-11 11:48:10 · 900 阅读 · 0 评论 -
extjs -- 编辑表格EditorGrid
Ext.onReady(function(){ var cm = new Ext.grid.ColumnModel([ {header:'编号',dataIndex:'id',editor:new Ext.grid.GridEditor(new Ext.form. TextField({ allowBlank:false原创 2013-04-11 11:48:36 · 1063 阅读 · 0 评论 -
extjs -- 限制输入数据的类型
var comboData = [ ['0','新版ext教程'], ['1','ext在线支持'], ['2','ext扩展'] ]; var cm = new Ext.grid.ColumnModel([ {header:'数字列',dataIndex:'number',editor原创 2013-04-11 11:48:48 · 2024 阅读 · 0 评论 -
extjs4.2 -- 选中grid表格中一行Model知识
js文件grid:注意属性是selModelvar centerPlan = Ext.create('Ext.grid.Panel', { id: id_grid, region: 'center', title: '查询结果', store: store,原创 2013-04-23 17:52:36 · 8330 阅读 · 0 评论 -
extjs4.2 -- 关于window窗口的问题
在做项目中,发现如果点击按钮弹出一个窗口可以,但是我再点击该按钮想弹出该窗口,却发现显示不出来。。。。不知道是什么问题......经过调查发现:是window的一个属性的问题,英文属性解释如下:closeAction :StringThe action to take when the close header tool is clicked:'destroy'原创 2013-04-23 17:29:33 · 3223 阅读 · 0 评论 -
extjs--form combo下拉列表框
1、combo下拉列表框: xtype:'combo', fieldLabel:'选择', name:'combo', store:new Ext.data.SimpleStore({ fields:['value','text'], data:[原创 2013-04-16 12:30:26 · 6534 阅读 · 0 评论 -
extjs基础知识点归纳二
布局1、fit布局在fit布局中,子元素将自动填满整个父容器。注意:在fit布局下,设置子元素的宽度是无效的。如果在fit布局中防止了多个组件,则只会显示第一个子元素。Ext.application({name: 'HelloExt',launch: function() {Ext.create('Ext.container.Viewport', {layout:转载 2014-02-10 16:51:44 · 890 阅读 · 0 评论