随笔分类 -  ExtJS学习

摘要：Ext的Grid和Treegrid默认提供列菜单的功能，在列菜单中可以进行排序以及控制列显示状态。在实际项目中，往往有些列是不需要用户看到的，因此就必须屏蔽列菜单的功能。1、屏蔽Grid，包括EditorGrid的列菜单方法： 在GridPanel应用的ColumnModel中为每一列指定这个配置项。menuDisabled : true2、屏蔽Treegrid的列菜单功能。由于Treegrid扩展的是TreePanel，其列扩展的是Ext.list.Column。Ext.list.Column本身是没有menuDisabled这个配置项的。方法：在Treegrid的配置项中，增加这个属性。h 阅读全文

摘要：1、直接看代码：Ext.BLANK_IMAGE_URL = "extjs/resources/images/default/s.gif"; var storeUnit = new Ext.data.JsonStore({ fields: ['units_code', 'units_name'], url : "../Cost_JsonDb.ashx?tablename=cost_units", autoLoad:true, root : "units"});// 单位（计量单位）的下拉列表var com 阅读全文

摘要：在学习ExtJS官网提供的CardLayout的例子时，发现了createDelegete方法。createDelegate( Object obj, Array args, Boolean/Number appendArgs )是Ext中的类Function的公共方法。将官网提供的API文档翻译过来就是：功能：创建一个委派对象（回调），该对象的作用域指向obj。对于任何函数来说都是可以直接调用的。参数项： obj : Object （可选的） 自定义的作用域对象。args : Array （可选的） 覆盖该次调用的参数列表。（默认为该函数的arguments）。appendArgs : Bo 阅读全文

摘要：ExtJS提供了很多容器，最常用的是Panel，其他的还有TabPanel、Viewport、Window等，开发应用程序时，最好是在最外层实例化一个Viewport，然后将其他组件放置到其中。原因是Viewport会自动充满整个页面，同时会根据浏览器窗口尺寸的调整而自动调整。需要注意的是，一个页面中只能放置一个Viewport。 但容器只能够用于放置元素，如果不指定布局，容器中包含的元素会从上到下依次排列。 布局，告诉容器如何显示其包含的元素，ExtJS3.4提供了十几种布局方式，常用有FitLayout、BorderLayout、ColumnLayout、FormLayout。 ... 阅读全文

摘要：ExtJS3.4的TreeGrid不提供Tree那样的Checkbox树。从网上搜索了一下，找到了国外的一个例子可以解决此问题。资料地址：https://gist.github.com/745436实现步骤：1、修改TreeGridNodeUI.js文件，修改后的文件全文如下： 1 /*! 2 * Ext JS Library 3.4 3 * Copyright(c) 2006-2010 Sencha Inc. 4 * licensing@sencha.com 5 * http://www.sencha.com/license 6 */ 7 /** 8 * @cla... 阅读全文

摘要：最近的项目里，实现用户需要的效果，尝试使用ExtJS3.4。为了总结开发过程中遇到的问题，因此给自己规定了一个记录的计划，把开发过程中解决的技术点及遇到的问题记录下来，以备今后查询。第一个例子，TreeGrid异步加载数据；TreeGrid是Ext在发布3.0版本后新增的控件，扩展Ext.ux.tree.TreePanel的功能，因此它本质上还是一棵树。一、参考资料1、官网实例及帮助文档2、因为之前从没有深入研究过Ext，因此在制作这个例子的过程中，参考了网上的一个朋友写的例子，连接如下：http://yuanlg.iteye.com/blog/920871在他得例子的基础上完成了我自己的实例 阅读全文

摘要：新项目，客户要求界面要“炫”。经过简单对比，打算尝试在ASP.Net下引用ExtJS3.4来满足用户需求。根据项目需要，第一个实例，选择了在ASP.Net下显示树形列表（TreeGrid）。其实就是把ExtJs官网上的TreeGride的例子，由静态页面，改为动态页面实现。复制代码后，运行，发现TreeGrid的框架显示正常，但不显示数据。遂按照extjs压缩包中的web.config的内容，修改了我的工程里的web.config。然后，悲剧来了。运行代码后，总是报“Ext未定义”的错误。上网搜索解决方法，发现基本上都是两个原因造成了该项错误。1、要按照固定顺序引用三个文件：/resouce. 阅读全文