随笔分类 - 前台ExtJs
摘要：1.目录移动框架简介，为什么选择Sencha Touch？环境搭建创建项目框架，框架文件简介创建简单Tabpanel案例自定义图标的方式WebApp产品测试和发布HTML5离线缓存发布成Android/IOS本地app应用移动框架简介，为什么选择Sencha Touch？目前市面上，移动应用web框...
阅读全文
摘要：先看效果：代码如下：test其中使用到的"RowExpander.js"为extjs官方示例中自带的。实现这个嵌套表格要注意两点技巧：1 提供给外层表格的dataStore的数据源以嵌套数组的形式表示细节区的数据,如下面的黑体所示。vartestData=[["lugreen","男",26,[["...
阅读全文
摘要：项目中用extjs做前提系统的界面是左边用树做目录 右边用tabpanel做内容展示点击树节点的时候 在tabpanel添加新的tabJScript codevar newTab = centerPanel.add(new Ext.Panel({ id : tabId, title...
阅读全文
摘要：Ext中的get、getDom、getCmp、getBody、getDoc的区别Ext中包含了几个以get开头的方法，这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等，在使用中要注意区别使用。◇get方法get方法用来得到一个Ext元素，也就是类型为Ext.Element的对...
阅读全文
摘要：1：最近有这个需求，就是ext下的combo下拉是树，网上的例子很多，封装的也很好，基本都可以满足下拉框下出现想要的树，但是我的使用情况是比如在用户编辑的时候，要把用户已经选择过的数值自动再赋值到下拉框内，比如之前选择了id为5的节点，那么编辑用户的时候combo中自动显示这个值2：网上发现这样的例...
阅读全文
摘要：http://blog.csdn.net/kunoy/article/details/8067801首先主要代码源自网络，对那些无私的奉献者表示感谢！ 笔者对这些代码做了二次修改，并总结如下： Extjs3.x版本下拉树代码：[javascript]view plaincopyExt.ux.Tree...
阅读全文
摘要：ExtJs 3 自定义combotree/** * 自定义下拉树，支持初始化值时自动定位树节点。 * 还没有考虑性能问题。继承自Ext.form.ComboBox也很浪费。 * 代码中的cu.get()是自定义的异步请求方法。 * @author Linzongxue * @create_date ...
阅读全文
摘要：http://my.oschina.net/baishi/blog/107879
阅读全文
摘要：http://blog.csdn.net/wjlht/article/details/6085245使用extjs可以构造出下拉数，但是不方便向form提交参数，在此，笔者想到一个办法，很方便ComboBoxTree向form提交。原理：在form中增加一个隐藏的字段，当在comboBoxTree中...
阅读全文
摘要：Extjs window组件 拖动控制有时候一拖就拖出了浏览器，在想拖回来就不好办了：解决办法：参考以下代码，在加载Ext核心库以后执行：Ext.override(Ext.Window, { constrain:true // 整个窗体都不能移出浏览器});或Ext.override(Ext.Win...
阅读全文
摘要：做了一个编辑extjs grid记录的窗体，但更改数据后，怎么重新刷新grid让数据显示呢？做了半天的尝试，其实到最后只需一句话，faint:-)this.store.reload();不用加任何参加都可以了:-)
阅读全文
摘要：在ext grid 中如何确定选中行？如何获取选中行数据？其实很简单，用到了Ext.getCmp('id'),他可以获取到指定id的对象。grid 获取行对象：var row = Ext.getCmp("Grid_ID").getSelectionModel().getSelections();ro...
阅读全文
摘要：var cm = new Ext.grid.ColumnModel([{header : '编号',dataIndex : 'id'}, {header : '名称',dataIndex : 'name'}, {header : '描述',dataIndex : 'descn'}]);var sto...
阅读全文
摘要：本篇的内容是为表格添加行号，和复选框，最后谈一下Ext的选择模型。内容比较简单，就直接上代码了。一、设置行号行号的设置主要问题在于删除某一行后需要重新计算行号Ext.onReady(function(){varcm=newExt.grid.ColumnModel([newExt.grid.RowNu...
阅读全文
摘要：通过Ext.panel.Panel的tools配置项来设置Ext.panel.Tool实例。 要注意的一点是，Ext框架提供的Ext.panel.Tool仅包含按钮图标而具体的点击事件处理函数需要我们自定义。?123456789101112131415161718192021222324252627...
阅读全文
摘要：Ext.onReady(function(){Ext.QuickTips.init();Ext.form.Field.prototype.msgTarget="side";varform=newExt.form.FormPanel({title:"Ext.form.NumberField例子",la...
阅读全文
摘要：form.submit({ url:"../addOrUpdatePack.shtml",method:'POST',success:function(f,action) {//f是代表formalert('rpackCode:'+action.result.rpackCode) }, ...
阅读全文
摘要：这里不提success，提提Extjs 表单提交的failure方法。在表单的提交中，当发生异常行为时通常分为三种情况1. 无法连接到服务器2. 表单验证错误3. 业务逻辑错误对应下面的代码[javascript]view plaincopyfailure=function(form,action)...
阅读全文
摘要：只需将textfield的hidden和hideLabel配置为true就可以了。只设置hidden:true时会显示出来一个：的标签。this.formpanel = new Ext.FormPanel({ items: [{ fieldLabel: '代码', name: 'FCode', an...
阅读全文
摘要：/*总觉得 TabPanel 生成的那个关闭按钮太小关闭的时候不太顺手 感觉不方便 所以想双击关闭tab方便些于是在网上找到下面的代码URL：http://atian25.iteye.com/blog/413920可是用在我的系统框架上无效，本人用的是ExtJs4.1。不知道是不是我的问题，可是实在...
阅读全文