snn1410的专栏

在应用程序的制作中，我们经常性的会用到工具栏，在Extjs中Panel中提供了tbar和bbar两个内置的工具栏，极大的方便了大家的使用，但是在创建多行工具栏的时候，就会有一些问题产生了，不能正常的显示已经设计好的页面。下面通过对Panel的render事件的监听，在它被渲染的时候添加多条工具栏，这样就不会影响页面的显示了。这一方法对Panel，FormPanel，GridPanel都适用。具体代

if (typeof (Page) == 'undefined' || Page == null) { Page = {}; }/** * 版型选择画面 */Ext.apply(Page.ChooseTemplate, { JS_NO: 'JS13', // 用于生成控件ID，防止控件ID重复 /** * 生成template模板选择窗口

Stores can be sorted and filtered - in both cases either remotely or locallystore可以排序和过滤，不论数据是本地的还是远程的例子： var store = Ext.create('Ext.data.Store', { model: 'User', sorters: [{

Ext.getCmp('rdo0').setValue(true);rdo0  ---- 是radio的id值上面代码是设置选中我原来使用这种方法做的var radio = .....radio.checked = true;先实例化一个单选按钮，然后设置属性checked:true,虽然也是设置成功，但是显示到页面的时候，还是没选中，所以实践证明还是用第一

主要是个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

不在一行：这个比较简单，直接在form布局中添加一个组件label就可以了// 新增景点表单 var addSpot_form = Ext.create('Haso.Components.InputFormPanel', { id: id_formPanel, items: [{ id: i

if (typeof (InitData) == 'undefined' || InitData == null) { InitData = {}; }InitData.Terminal = {    terminalNos: [{id:'', name:'全部'}] //下拉框终端号}// 从后台取值InitData.init = function () {    /

var column = grid.columns; // 获取列对象隐藏列：column[1].hidden = true;隐藏第二列（列索引是从0开始）设置列标题：column[1].setText = "新的列标题";当然还可以设置其他的属性如列宽columnWidth等等注意：不过我遇到一个问题，因为我要实现的功能是显示同一列标题下，不同字段的数据（根据条件）

1、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：表格是否隔行换色，默认为false cm、colModel：表格的列模式，渲染表格时必须设置该配置项

Ext.define 自定义类*************************************************************************转载理由：该博文详细介绍了define的用法，并扩展了类的构造方法，而且对父类和子类之间继承关系介绍的详细明白，值得借鉴。*********************************************

extjs里面最常用的方法Ext.onReady    这个方法在当前的DOM加载完毕后自动调用，保证页面内的所有元素都能被script所引用  1）获取元素   var myDiv = Ext.get('myDiv‘);   会去到页面上Id 是myDiv的元素。返回的是一个element对象   区分ext.get 和ext.getCmp   Ext.get( St

在标准的html中，需要把输入项都放到fieldset中，一次来显示分组结构。虽然EXT中的表单已经很漂亮了，但我么依然可以用fieldset来进行内部分组。        为了突出显示效果，这里我们可以将column和fieldset（fieldset只是一个普通的xtype）结合起来使用 1、var form = new Ext.form.FormPanel({

var form = new Ext.form.FormPanel({              labelAlign:'right',       title:'布局',       labelWidth:50,       buttonAlign:'center',       frame:true,       width:600,

单选框：var sexRadioGroup =  new Ext.form.RadioGroup({            fieldLabel : '性别',            id : 'edituser.xb', -- edituser类的xb（性别）属性            disabled:true,            items : [{

var tabs = new Ext.TabPanel({    renderTo:document.body,    height:100   });   tabs.add({    title:'标题1',    html:'内容1',    closable:true   });   tabs.add({    id:Ext.id(), -- 这个标签

默认的TextField、DateField、ComboBox、NumberField也就只能处理一般的情况。当我们相对编辑器进行更详细的配置的时候，就需要用到PropertyGrid的customEditors,为指定的id的那行数据设置对应的编辑器。var grid = new Ext.grid.PropertyGrid({     title:'属性表格',     autoHe

Ext.grid.GroupingGrid分组表格就是在普通表格的基础上，根据某一列的数据将表格中的数据分组显示的表格的控件。 var cm = [     {header:'编号',dataIndex:'id',name:'id'},    {header:'性别',dataIndex:'sex',name:'sex'},    {header:'名称',dataIndex:'n

1、建立一个普通的grid表格（+日期格式的列）var cm = new Ext.grid.ColumnModel([     {header:'编号',dataIndex:'id'，sortable:true},  ---- width(自主定义每一列的宽度)  -- sortable:true  在列显示升降序排序     {header:'名称',dataIndex:'name'

Ext.onReady(function(){       var cm = new Ext.grid.ColumnModel([        {header:'编号',dataIndex:'id',editor:new Ext.grid.GridEditor(new Ext.form.        TextField({         allowBlank:false

var comboData = [       ['0','新版ext教程'],       ['1','ext在线支持'],       ['2','ext扩展']      ];             var cm = new Ext.grid.ColumnModel([        {header:'数字列',dataIndex:'number',editor

js文件grid:注意属性是selModelvar centerPlan = Ext.create('Ext.grid.Panel', { id: id_grid, region: 'center', title: '查询结果', store: store,

在做项目中，发现如果点击按钮弹出一个窗口可以，但是我再点击该按钮想弹出该窗口，却发现显示不出来。。。。不知道是什么问题......经过调查发现：是window的一个属性的问题，英文属性解释如下：closeAction :StringThe action to take when the close header tool is clicked:'destroy'

1、combo下拉列表框：           xtype:'combo',          fieldLabel:'选择',          name:'combo',          store:new Ext.data.SimpleStore({           fields:['value','text'],           data:[

布局1、fit布局在fit布局中，子元素将自动填满整个父容器。注意：在fit布局下，设置子元素的宽度是无效的。如果在fit布局中防止了多个组件，则只会显示第一个子元素。Ext.application({name: 'HelloExt',launch: function() {Ext.create('Ext.container.Viewport', {layout: