ext

nestedList和navigationview其实没啥直接的关系,同根生，都是容器组件而以，操作上有点点相似的地方就是，在显示下一层的时候会自动创建toolbar和返回铵钮,先了解这么多，下面慢慢玩玩它们两个。 nestedList就是一个树导航组件，它需要绑定树型的数据结构treestore navigationview是个有趣的导航组件，他可以像栈一样，去操作view。通过调用push来显示下一层view，通过pop来关闭当前显示的子view 先来玩nestedList吧 //定义一个数据模型，它只有一个text字段 Ext.define('ListItem', { extend: 'Ext.data.Model', config: { fields: ['text'] } }); //创建一个树型存储结构,注意看叶子节点需要标识：leaf: true var treeStore = Ext.create('Ext.data.TreeStore', { model: 'ListItem', defaultRootProperty: 'items', root: { items: [ { text: 'Drinks', items: [ { text: 'Water', items: [ { text: 'Still', leaf: true }, { text:

1、Ext.form.FormPanel支持的主要表单组件 ExtJS表单组件 说明 Xtype类型 Ext.form.field.CheckBox 复选框 checkboxfield Ext.form.CheckBoxGroup 复选框组 checkboxgroup Ext.form.field.ComboBox 下拉列表框 combo Ext.form.field.Date 日期选择框 datefield Ext.form.field.Display 文本显示组件 displayfield Ext.form.field.FieldContainer 字段容器 fieldcontainer Ext.form.field.FieldSet 字段集 fieldset Ext.form.field.Hidden 隐藏域 hiddenfield Ext.form.field.HtmlEditer HTML文本编辑器 htmleditor Ext.form.Label 标签字段 label Ext.form.field.Number 数字输入框 numberfield Ext.form.field.Radio 单选框 radio Ext.form.RadioGroup 单选框组 radiogroup Ext.form.field.Spinner 微调组件 spinnerfield Ext

目的:将一个文件夹下的所有文件和子文件 以树的形式显示在网页中，类似于资源管理器 前台代码 var store2 = Ext.create('Ext.data.TreeStore', { proxy: { type: 'ajax', url: '../TreeTest.ashx' }, fields:['id','text']//跟旧版本extjs一样，节点的id和显示文本 }); var AsyncTree2 = Ext.create("Ext.tree.Panel",{ title: 'Simple Tree2', width:300, height:300, collapsible: true, singleExpand: true, useArrows: true, root: { id:1, text: "hehe", expanded: true }, store:store2, renderTo: 'tree-div', listeners:{ 'beforeitemexpand':function(node,optd) { if(node.data.text=='总公司') { } else { // node.leaf=true } } } }); }); 后台代码 public void ProcessRequest (HttpContext context)

Extjs 6 使用小结 http://docs.sencha.com/extjs/6.5.0/ 最新官方文档 http://localhost:63342/ext/build/examples/kitchensink/#all sdk 下的官方控件示例 1 ，关于数据绑定 Grid: 在使用 websocket 或者 jq 跨域时，为 grid 模块定义一个 id 在获取数据的同时 使用 Ext .getCmp( 'undealing' ).reconfigure(bindstore); 来绑定数据，其中 bindsstore 为定义的 store Combo: 在使用 websocket 或者 jq 跨域时，在取得返回的数据同时定义 store, 并设置 storeId 使用时 采用 Ext.StoreMgr.get(“StoreId”) 方法来绑定 2, 关于控件 具体信息查阅文档 3, 关于函数 Ext .apply(object, { your Code }) 该方法用于动态替换和插入，如 该代码执行效果为页面切换， contentPanel 为一个 container 布局，在移除内部原内容后动态的添加自定义内容。 View中的initComponent 会在页面渲染时调用一次。 Controller 中的 init 只加载一次。 Application 中的

Ext.MessageBox常用配置项： 配置项 类型 说明 title String 提示框标题 msg String 显示的消息内容 width Number 对话框的宽度，以px为单位 maxWidth Number 对话框的最大宽度，默认为600px minWidth Number 对话框的最小宽度，默认为100px closable Boolean false将隐藏右上角的关闭按钮，默认为true modal Boolean true为模态窗口，false为非模式窗口 fn Function 回调函数 参数说明： buttonId：按钮id text：输入的文字 opt：传入show方法的配置对象 buttons Number/Boolean 按钮组，默认为false，不显示任何按钮 progress Boolean true则显示一个进度条，默认为false，该进度条需要由程序控制滚动 progressText String 进度条上显示的文字，默认为“” proxyDrag Boolean true则显示一个highlight拖动代理，默认为false wait Boolean true则显示一个自动滚动的进度条，默认为false waitConfig Object 等待进度条的配置对象，在wait为true时有效 prompt Boolean

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 1 , alias : 相当于别名一样,可以起多个,可以通过xtype和Ext.widget()创建实例: Js代码 Ext.define( 'SimplePanel' , { extend: 'Ext.panel.Panel' , alias: [ 'widget.simplepanel_007' , 'widget.simplepanel_008' ], title: 'Yeah!' }); //通过Ext.widget()创建实例 Ext.widget( 'simplepanel_007' ,{ width : 100, height : 100 }).render(Ext.getBody()); //通过xtype创建 Ext.widget( 'simplepanel_007' , { width : 100, items: [ {xtype: 'simplepanel_008' , html: 'Foo' }, {xtype: 'simplepanel_008' , html: 'Bar' } ] }).render(Ext.getBody()); 2 , alternateClassName : 跟alias有点类似,相当于给类找替身,可以多个,可以通过Ext.create()创建实例: Js代码

//配置表格列 {header: "姓名", width: 50, dataIndex: 'name'}, {header: "组长", width: 50, dataIndex: 'leader', xtype: 'booleancolumn',//Ext.grid.column.Boolean布尔列 trueText: '是', falseText: '否' }, {header: "生日", width: 100, dataIndex: 'birthday', xtype : 'datecolumn',//Ext.grid.column.Date日期列 format : 'Y年m月d日'//日期格式化字符串 }, {header: "薪资", width: 50, dataIndex: 'salary', xtype: 'numbercolumn',//Ext.grid.column.Number数字列 format:'0,000'//数字格式化字符串 } actioncolumn xtype: 'actioncolumn',//Ext.grid.column.Action动作列 items: [{ icon: 'images/edit.gif',//指定编辑图标资源的URL handler: function(grid, rowIndex, colIndex) { /

先用phpinfo()看看有没有mysqli扩展，没有的话先安装， 1，进去PHP安装目录下的ext/mysqli文件夹 cd /usr/local/php/ext/mysqli 2， /usr/local/php/bin/phpize 3， ./configure --with-php-config=/usr/local/php/bin/php-config 如果找不到php-config,可以通过 find / -name php-config 查找 4， make 如果报错 /ext/mysqli/mysqli_api.c:36:47: error: ext/mysqlnd/mysql_float_to_double.h: No such file or directory make: *** [mysqli_api.lo] Error 1 解决方法：进入 /usr/local/php/ext/mysqli（也就是当前的PHP安装目录下的ext/mysqli文件夹）编辑 mysqli_api.c 文件 vim mysqli_api.c， 把第36行的 #include "ext/mysqlnd/mysql_float_to_double.h" 修改为 #include "/usr/local/php/ext/mysqlnd/mysql_float_to_double.h" 5

在ExtJs中，ID属性最好少使用。 因为在不为组件指定ID的情况下，默认为其自动分配id；如果手动指定ID，系统就会以此为准。 但 是往往在系统中，尤其是使用TabPanel的情况下，一下加载了多个JS页面，很容易出现多个组件使用重复的一个ID都情况，当关闭某个tab页，却因 为别的tab页存在相同id的组件无法销毁该页面组件；而且在使用Ext.getCmp获取组件时候出问题--往往得不到我们想要的效果（比如 Ext.getCmp后重置该组件的值，却无效）。 因此，建议在Ext中少使用ID属性。 1. 如果必须使用ID属性，建议ID值用父组件ID+子组件ID的形式来指定子组件的ID； 2. 建议使用 FormPanel.getForm().findField('id/name'); 或者 Ext.get('id/name'); 来替代 Ext.getCmp('id')获取组件。 3. 或者定义组件为变量，然后在FormPanel或者GridPanel中引入。 来源： oschina 链接： https://my.oschina.net/u/2375891/blog/682035

Ext中的get、getDom、getCmp、getBody、getDoc的区别 Ext中包含了几个以get开头的方法，这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等，在使用中要注意区别使用。 1、get方法 get方法用来得到一个Ext元素，也就是类型为Ext.Element的对象，Ext.Element类是Ext对DOM的封装，代表DOM的元素，可以为每一个DOM创建一个对应的Element对象，可以通过Element 对象上的方法来实现对DOM指定的操作，比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖放特性等。get方法其实是 Ext.Element.get的简写形式。 get方法中只有一个参数，这个参数是混合参数，可以是DOM节点的id、也可以是一个Element、或者是一个DOM节点对象等。看下面的示例代码： Ext.onReady(function(){ var e=new Ext.Element("hello"); alert(Ext.get("hello")); alert(Ext.get(document.getElementById("hello"))); alert(Ext.get(e)); }); Html页面中包含一个id为hello的div，代码如下： <div id="hello">tttt</div