Jul 7
本篇主要介绍一下ExtJs常用的几个对JS语法的扩展支持,包括Ajax封装,函数事件操作封装,还有扩展的常用函数等。Ajax服务端交互式操作是提交到.NET MVC。后续服务端交互都采用这一方式实现。
一、ExtJs中的Ajax:Ext.Ajax.request

通过客户端向服务端发送Ajax请求,可以“直接”调用MVC的action方法,并传递参数,action返回值可以是普通字符串,也可以是json对象。请求可以添加自定义头信息。看下面例子:
1.异步请求,发送自定义请求头:

html页面如下
<h1>Ajax服务端请求</h1>
<div class="content" id="div1">
<div>一共发起了<span id="span1" style="color:Red">0</span>次请求。</div>
</div>
Tags: ,
Apr 27
本篇主要介绍一下ExtJs对JS基本语法的扩展支持,包括动态加载、类的封装等。
一、动态引用加载

ExtJs有庞大的类型库,很多类可能在当前的页面根本不会用到,我们可以引入动态加载的概念来即用即取。这些代码都要写在Ext.onReady外面。
1.动态引用外部Js
//加载配置可用
Ext.Loader.setConfig({ enabled: true });
//动态引用“../ux/”目录下所有Js文件类,映射到对应命名空间
Ext.Loader.setPath('Ext.ux', '../ux/');
Tags: ,
Apr 7
Ext.Class 属性详解 :
1 ,  alias : 相当于别名一样,可以起多个,可以通过xtype和Ext.widget()创建实例:
Ext.define('SimplePanel', {
  extend: 'Ext.panel.Panel',
  alias: ['widget.simplepanel_007','widget.simplepanel_008'],
        title: 'Yeah!'
});

//通过Ext.widget()创建实例
Ext.widget('simplepanel_007',{
  width : 100,
  height : 100
}).render(Ext.getBody());

//通过xtype创建
Ext.widget('simplepanel_007', {
  width : 100,
  items: [
    {xtype: 'simplepanel_008', html: 'Foo'},
    {xtype: 'simplepanel_008', html: 'Bar'}
  ]
}).render(Ext.getBody());
分页: 1/1 第一页 1 最后页 [ 显示模式: 摘要 | 列表 ]