
extjs
香酥蟹
多么痛的领悟!
展开
-
extjs-grid数据加载
1、grid并没提供直接加载对象和对象数组的方法,但是可以通过其他的方式实现,所以我这里写了一个实现这样功能的方法arr2grid(即供参考)。grid只依赖一个store,所以受限,方法arr2grid,可以解决这个问题。 2、store配置autoLoad和使用load方法,都可以加载数据到store,grid依赖store,从而数据也就加载到grid上,本事例只是jsonp跨域加载store原创 2016-01-07 16:16:49 · 1880 阅读 · 0 评论 -
extjs-model数据加载
1、Model代表应用程序管理的一些对象。例如,我们可能会为 我们想在系统中建模的现实世界中的一些物体像使用者、产品和汽车等定义一个Model。这些Model在 模型管理器中注册,被仓库使用, 而这些仓库又被许多 Ext中许多与数据绑定的组件使用。 2、总之这个会很常用。 3、model和数组、对象都有着关联,所以我写了两个方法。仅供参考。Ext.onReady(function(){原创 2016-01-06 17:49:44 · 892 阅读 · 0 评论 -
extjs-store数据加载
1、store本身提供了很多方法加载数据,比如将对象加载到store,可以用add方法,model或者对象数组加载到store,可以用loadData方法。 2、除此之外,store的配置autoLoad,和load方法可以异步加载数据,我分别通过jsonp跨域加载演示了这两个事例。Ext.onReady(function(){ Ext.define('User', {原创 2016-01-07 14:29:30 · 1946 阅读 · 0 评论 -
extjs-form数据加载
1、这个例子是form两种数据加载方式,一种是对象加载到form中,还有一种model加载到form中。Ext.onReady(function () { myform = Ext.create('Ext.form.Panel', { title : 'Simple Form', bodyPadding : 5, width : 350,原创 2016-01-07 10:41:24 · 905 阅读 · 0 评论 -
extjs-oop
extjx-oop1、extjs本身就有面向对象的特性,本人写的这个例子只是表现了其中一部分。 2、面向对象编程的好处不多说了,本人也比较喜欢这种编程,然而不精,也在学习路上。 3、像extjs里面的config和requires这些属性,本人是非常喜欢,extjs不是建议给太多组件命名id,可在大组件命名id,并给这个大组件配置这两个属性之一,就可以很方面找大组件里面的小组件了。Ext.onR原创 2016-01-05 16:37:07 · 421 阅读 · 0 评论 -
extjs-query(组件,dom)
1、在自己extjs前端开发的过程中常常用到就是组件的查找,找到后就很方便对组件进行操作,所以就在此自己总结了一些组件查询的方法。 2、还有一些dom的查找方法,意义之一:就是对页面文字的修改,当然会有其他用途了。Ext.onReady(function(){ Ext.define('form',{ extend : Ext.form.Panel, titl原创 2016-01-06 10:28:39 · 873 阅读 · 0 评论 -
extjs-数组操作
1、javascript本身就提供了很多对数组的操作,extjs对其进行了封装,同样也做了一些补充,如果有兴趣的话,建议大家看些extjs的源码,里面会有很多值得我们学习的地方。Ext.onReady(function(){ //clean( Array array ) : Array //过滤掉数组里的空值,空值的定义见 Ext.isEmpty Logger.printf(原创 2016-01-06 10:47:46 · 3035 阅读 · 0 评论 -
extjs-常用方法(string、number、date、json、function)
1、这是我梳理的extjs的string、number、date、json、function的常用方法的小例子。有很多不错的方法,便于我们以后extjs前端的开发,但是也不是所有都是如此常用。 2、详细的请参考extjs4.1api extjs4.1中文apiExt.onReady(function(){ Logger.printf('-------------string----原创 2016-01-06 15:02:04 · 986 阅读 · 0 评论 -
extjs-html配置
1、这是我写的extjs的html的简单配置,主要用于下面几个例子。 2、我写的extjs的小例子是引用了extjs4.2的包, 随后我会把连接奉上。 http://download.youkuaiyun.com/detail/zyt807/9391268html> head> meta http-equiv="Content-Type" content="text/html;原创 2016-01-06 09:50:01 · 378 阅读 · 0 评论 -
extjs-mvc开发模式
1、Extjs应用程序分割成Model-View-Controller三层,为JS应用程序的如何组织代码指明了方向,同时使得大规模JS代码变得更加易于重用和维护。 2、这个事例的配置资料请参考之前的配置,另外关于数据访问我采用的是jsonp跨域访问,数据格式json,整个文件的结构如下图: 效果图: test.html:<html> <head> <meta h原创 2016-05-19 11:37:53 · 596 阅读 · 0 评论