最近在做博客项目,后台管理用的是ExtJs4.2.1版本,因为是初学所以在使用的时候也遇到不少的这样或那样的问题,也写了不少这方面的博客,今天要写的博客是关于复选框数据项动态的加载功能,以前也没用过,初次用,不知道怎么动态加载,静态加载很容易,添加itmes就可以了,于是我在网上找找有关这方面的博客,找到一篇,不过遗憾的是,这种方法太糟糕了,不是很方便,于是找到了一个很好的解决方法: //点击编辑弹出的formpanel var formPanel = new Ext.FormPanel({ /

ExtJS直接加载HTML页面 说明 ExtJS组件很不错,但再完美也有需要其他组件的时候,比如有时候就需要引入已经写好的HTML页面.主要的方法如下. 测试环境:ExtJS 7.4 使用html配置项 这是最原始的办法,就是直接写html配置项. Ext.create('Ext.panel.Panel', { title: 'Hello', width: 600, html: "<iframe src='http://www.cnblogs.com/cqpanda' scrolling=

Extjs4以前的版本没有动态加载类的方式,这样开发程序的时候加载很多的js会导致加载变慢,由于本人一直使用extjs3的版本进行开发,于是简单实现了一个动态加载类的管理器,使用方式与extjs4的方式有些类似,在每一个类中需要使用其他类的时候像java一样先improt再使用.先看使用方式: Ext.setPath("ThinkOA", "app");//将命名空间ThinkOA映射成webContent下的app文件夹,这样凡ThinkOA的命名空间的类都会去a

Ext.onReady(function () {             Ext.define('company', {                 extend: 'Ext.data.Model',                 fields: ['text']             });                          var treeStore1 = Ext.create('Ext.data.TreeStore', {                 mode

点击树节点,自动加载选项卡对应的页面, 效果图: JS Code: 一.创建TreeStore var store = Ext.create('Ext.data.TreeStore', { root: { expanded: true, children: [ { text: "Tab 1", panel: 'tab-1', leaf: true }, { text: "Tab 2", panel: 'tab-2', leaf: true }, { text: &q

当store加载数据对象中,如果带有success:false,store会认为加载数据失败,不予将得到的数据显示在界面上,所有记得在返回数据对象的同时返回success:true;

beforeload : { fn : function (store, operation, eOpts){ loadMask = new Ext.LoadMask(Ext.get(this.getEl()),{ msg : '数据加载中...', removeMask : true// 完成后移除 }); loadMask.show(); } }, load : { fn : function(me, node, records, successful, eOpts){ loadMask.h

功能截图 之前做法,先查询每一行的前4个字段,然后动态拼接出其他的字段,效率极低,以下是优化后的代码,供参考,只提供一个优化思路,授人以鱼不如授人以渔 后台Sql语句优化(语法仅支持Oracle) SELECT PROJ_NO, ALL_SECTION, GRAND_SEC, SPCID, FIR_SCH_ID_1166, BEGIN_DATE_1166, END_DATE_1166, FLOAT_CYC_1166, FIR_SCH_ID_1167, BEGIN_DATE_1167, END_D

svg上有多个圆圈,当选中特定圆圈后给其加上animate动画效果,并把其他圆圈的animate效果去除. 第一次选择一个点实现动画效果完全达到效果,因为是第一次所以不需要把其他圆圈的animate子元素 清楚,所以一切正常,可是当再次选一个圆圈时就无动画效果,看了第二次选中的圆圈其子元素animate 已经动态加载上了,只是无动画效果.这时比第一次是先去清掉第一个圆圈的animate子元素,然后再加载 选中圆圈的animate子元素,过程如图 先选中编号1的圆圈,其动画效果正常:当1的动画关闭

概述 Extjs弹窗可以分为消息弹窗.对话框,这些弹窗的方式ExtJs自带的Ext.Msg.alert就已经可以满足简单消息提示,但是相对复杂的提示,比如如何将Ext.grid.Panel的控件显示嵌套到widget.window,然后随着widget.window的show方法展示到页面上哪?另外一个就是ExtJs中的Combobox下拉控件,如何做到手动输入,自动联想手动输入的内容进行查询? 一.针对自定义弹窗 通过window显示自定义弹窗,下面有几种方案思路 思路一.直接将gridpan

上一篇演示了extjs grid的基本用法,并加载了本地数据.今天我们将演示如何加载异步数据. 所谓异步,就是通过ajax的方式将服务器端的数据加载到我们的grid中.为了提供数据,我们先定义一个数据类,并创建一些临时数据. public class UserEntity { public string ID { get; set; } public string Name { get; set; } public int Age { get; set; } public static List

ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架. Extjs加载Store是异步加载的,这有很多好处.但是当我们要在两个或多个不同的store加载完再执行一些操作时,异步加载就成了一个问题.在Stack Overflow 等网站搜集并试用了几个处理方法,总结如下. 1.自己定义一个组件 Ext.define(‘Ext.ux.StoreLoadCoordinator‘, { mixins: { observable: ‘Ext.util.Observable‘

觉得写的太好了,怕弄丢了,转一下:http://extjs.org.cn/node/659 昨天我们team对于extjs的动态加载机制做了些深入研究,这里先share下controller加载的结果. 以service registry portlet为例: 比如,在 liferay-portlet.xml中定义了: 所以我们的js的入口点是app.js,这其中创建了Ext.application并且声明了动态加载controller: view source print? 1.Ext.app

背景:   昨天帮朋友做一个easyui datagrid的小实例时,才发现easyui datagrid的checkbox列,没有根据值为true或false来选中checkbox,当时感觉太让人失望了,这样的问题就没有解决,太不人性化了.因为从去年到今年一直用的是miniui,所以用起来就会有对比了,easyui和miniui各个方便相比差的太远了,也有可能是miniui是商业的吧! 记录下来解决方法,以便日后用的时候方便查找,如果有更好方法请留言,互相学习学习! 问题: 先上个几个图片让大

最近公司做项目用到了easyui复选框树来实现加载不同类型产品.因为我刚刚毕业,现在也算是实习吧,所以一脸懵逼啊.在公司里的一个哥的帮助下 ,我写出来这个EasyUi复选框树了,虽然东西不难,但也是自己弄出来的,有成就感,进步总要一点一点的,经验需要积累. 先上一下图片吧 ,轻喷啊  我是应届生.... 查看了一下API, 给一组Json数据,其中要包括必要的树控件的属性,这下就有了思路.可以顺着思路走,既然它需要这些属性,那么我们就创建一个Model,其中包括这些属性,名称要相同哦, publ

ExtJs有庞大的类型库,很多类可能在当前的页面根本不会用到,我们可以引入动态加载的概念来即用即取.这些代码都要写在Ext.onReady外面. 1.动态引用外部Js //加载配置可用 Ext.Loader.setConfig({ enabled: true }); //动态引用“../ux/”目录下所有Js文件类,映射到对应命名空间 Ext.Loader.setPath('Ext.ux', '../ux/'); 2.动态加载类 //加载单个类 Ext.require('Ext.window.W

ExtJS Form 为我们提供了两个方法:load 和 submit,分别用来加载和提交数据,这两个方法都是异步的. 系列ExtJS教程持续更新中,点击查看>>最新ExtJS教程目录 Form 加载 var formCmp = this.up("form"); formCmp.setLoading(); formCmp.load({ url: "FormLoadDataServer", params: { id: "" //可能需要

很多朋友用 extjs  很多时候都要用到combo 而异步加载是用的最多的 今天我就举一个例子 了解combo的异步加载 Ext.onReady(function () { Ext.BLANK_IMAGE_URL = "/Scripts/resoures/images/default/s.gif"; var sotre = new Ext.data.JsonStore({ autoLoad: true, proxy: new Ext.data.HttpProxy({         

<head>    <title></title>    <link href="../Styles/Extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />    <script src="../Styles/Extjs/adapter/ext/ext-base.js" type="

通过分析源代码解决动态加载Controller的问题 最近在研究ExtJs(4.2.0)的MVC开发模式,具体Extjs的MVC如何使用这里不解释,具体参见ExtJs的官方文档.这里要解决的问题是如何解决在使用MVC模式时动态加载Controller. 这是正常的写法,在Application里配置Controller Application Ext.application({ ... controllers: [ 'Users' ], ... }); Controller Ext.define