ExtJs
文章平均质量分 70
天使路
还有很大的空间需要提升希望适当的时候能帮助我
展开
-
Extjs中为RadioGroup组件添加监听事件,来控制另一个组件是否显示
监听事件是change,针对整个组件来说的,下面是具体的实例: { xtype: 'panel', style: 'margin-left:50;', layout: 'column', autoWidth: true, items: [{ layout: 'form', width: 24原创 2013-05-17 11:26:10 · 2625 阅读 · 0 评论 -
ExtJS中更新html内容以及iframe中内容打印
工作一年多来,最近的开发,虽说前台和后台都有分工,但是大部分经历都放在前台,界面上有太多的东西需要修改和完善,调试程序更是需要更多的时间,最近的工作在用xsl写样式将xml中的内容显示在界面上,而我们的界面是基于Extjs的,这样我们就在panel中使用html属性,获取内容显示,这样就存在一个问题,当我们需要更新panel中的内容时该怎么办,换面板是一个可以实现目标的方法,但是这似乎又是很笨的方转载 2014-02-12 17:10:20 · 761 阅读 · 0 评论 -
ExtJs定制日历控件——自动加载更新(日历控件显示)
将定制的日历控件放到一个Panel里显示,其结构如下: , { border: true, id: 'page', animCollapse : true, width: 1050, height: 560, style: 'margin-left: 10;', checkboxToggle: true, layout:原创 2013-10-17 10:01:08 · 1403 阅读 · 0 评论 -
ExtJs定制日历控件——定制部分解析
日历控件中,我们自己需要写的就是每一个日期单元格中的部分,在日历控件部分代码的最后面,有三个for循环,用来控制上个月当前月和下个月日期,其中第二个循环是当前月(日历标题部分选择的月份)控制部分。 代码如下: for(; i < startingPos; ) { var tempId = "fruit"+i; d.se原创 2013-10-24 15:43:20 · 958 阅读 · 0 评论 -
ExtJS——Tab页写法
效果图代码(布局部分): /** 第一个tab页 */ var firstPanel = new Ext.Panel({ title: '按人员查看', layout: 'border', items: [popQueryPanel, childgrid] }); /** 第二个tab页 */ var secondPanel =原创 2013-08-02 17:04:56 · 1017 阅读 · 0 评论 -
ExtJs——获取GridPanel中的行数据的详细信息
首先来一段GridPanel的定义: var sm2 = new Ext.grid.CheckboxSelectionModel({}); /** 定义Grid2的数据源 */ var personStore = new Ext.data.JsonStore({ method : "POST", fields : ["id","organizationName","hold原创 2013-06-25 13:35:22 · 3573 阅读 · 0 评论 -
ExtJs中从一个GridPanel中选择数据到另一个GridPanel中
暂时规定被取数据的GridPanel为Grid1,接收数据的GridPanel为Grid2。如果想要Grid2能接收到Grid1的数据的话,就要Grid2在定义column的时候为Grid1的column的子集,也就是定义的列名称要与Grid1的列名称相同。 下面附上例子,效果是双击Grid1的一行,将这一行的数据传到Grid2中。1. Grid1定义: var sm1 = n原创 2013-06-25 11:25:07 · 2756 阅读 · 0 评论 -
ExtJs中为GridPanel行添加右键操作
右键部分代码:var varmenu = null; /*doorGrid右键事件开始*/var contextmenu=new Ext.menu.Menu({ id:'theContextMenu', // Create the menu items:[{ text: '禁止通行', iconCls: 'manage', handler: funct原创 2013-06-13 15:47:44 · 2047 阅读 · 0 评论 -
ExtJs中定制日历控件——带复选框
效果图:代码: /*********************日历组件部分**************************** begin */ var dateArray = new Array(); var printDateArray = function(){ }; Ext.MyDatePicker = Ext.extend(Ext.DatePic原创 2013-06-13 13:19:29 · 3029 阅读 · 2 评论 -
ExtJs中定制日历控件——带下拉列表
效果图:日历组件部分代码: /*********************日历组件部分**************************** begin */ var dateArray = new Array(); var printDateArray = function(){ }; /** 班次数据源 */ var classStore = ne原创 2013-06-13 13:34:42 · 3026 阅读 · 2 评论 -
Extjs中Combobox在修改的时候回写不成功
我自己碰到的这个问题,就是我在修改一条数据的时候,其他数据回显都没有问题,只有这个下拉列表中的数据,页面上显示的是数据库中对应的ID而不是想看到的名字。一开始我把下拉框要加载的store写在方法里面了,就不显示名称,后来放到方法外面就可以了。我的功能是通过在当前记录页面弹出一个小窗口来显示的。修改按钮代码: /** 修改按钮 */ var btn_update = new原创 2013-06-03 18:03:08 · 1579 阅读 · 0 评论 -
Extjs 中在一个Panel中嵌入html元素
代码示例:var menuPanel = new Ext.Panel({ region : "north", //autoHeight : true, split : true, layout : "fit", border : false, contentEl : "north", height:90, collapseMode : "mini",原创 2013-06-13 09:51:16 · 15173 阅读 · 3 评论 -
Extjs中报表导出,报错。
出错的原因是,导出按钮提交所需要的FormPanel没有渲染,写的时候写成这样就可以了: var queryPanel = new Ext.form.FormPanel({ fileUpload: true, renderTo: Ext.getBody(), //关键是这句,一定要渲染 id: 'queryPanel', items: [] }); v原创 2014-03-10 15:42:25 · 1011 阅读 · 0 评论