Davy's Blog

ExtJS4 Viewport Example

This is an simple example to show you how to create a viewport in ExtJs4. The Viewport renders itself to the document body, and automatically sizes itself to the size of the browser viewport and manages window resizing. There may only be one Viewport created in a page. The Viewport does not provide scrolling, so child Panels within the Viewport should provide for scrolling if needed using the autoScroll config. Unlike the panel component of Ext JS, Viewport does not have a tbar option. ...

ExtJS4 : read posting JSON data in PHP

I am working on a Ext-JS web application which needs to send data to the PHP server side to store. It took me a while to find out how to decodes the receiving JSON string in PHP. Ext-JS Assume you have a model and calling save to send a ajax request. [code] Ext.define('User', { extend: 'Ext.data.Model', fields: ['id', 'name', 'email'], proxy: { type: 'ajax', url : '/users' } }); var user = Ext.create('User', {name: 'Ed Spencer', email: 'ed@...

ExtJS4: Add Custom Right Click Menu in MVC

The way to create a custom menu in mouse right click event function in ExtJS 4 is little different with pre-version. It seems in Ext 4.0.2 they changed event name and arguments order. First, let's see how we create the menu in Ext 3. I get this example from aditia rahman: [code] var menu1 = new Ext.menu.Menu({ items: [ { text: 'I like Ext', checked: true }, '-', { text: 'Open With', menu: { items:...

Using Global variables and arrays in Extjs 4

This example will show you how to declare a global var and arrays in Extjs MVC application. You know where to find this code : [code] <script type="text/javascript"> Ext.BLANK_IMAGE_URL = '/Content/images/default/s.gif'; </script> [/code] Global application variable : [code] <script type="text/javascript"> Ext.BLANK_IMAGE_URL = '/Content/images/default/s.gif'; Ext.MY_GLOBAL_VAR = '<?php echo $myGlobalVar; ?>...

ExtJS4学习笔记 PHP代码

笔者在ExtJS4学习笔记原文中使用的服务器端代码是ASP的，我把它转成了PHP的。方便PHP的爱好者使用。代码如下： [code] <? //header('Cache-Control: no-cache, must-revalidate'); //header('Content-type: application/json'); //返回JSON数据,自定义一些测试数据。。 //这里的参数与EXT3.x相同，区别在于排序字段和排序方式使用了新的属性。 //由于这里是测试数据，接收的参数只用到了start,limit。sorts和dir在实际操作过程中，将之加入SQL的ORDER BY里即可。 $start = empty($_REQUEST["start"])?'':$_REQUEST["start"]; $limit = empty($_REQUEST["limit"])?'':$_REQUEST["limit"]; if ( $start == &qu...

Extjs- Ext.extend函数的使用

Ext.extend在Extjs 中扮演着重大角色，是Extjs中几个重要函数之一。要想深入了解EXTJS，这个函数非掌握不可,网上有很多关于这个函数的源码分析和介绍方面的文章,这里我只总结关于这个函数的使用的下几种情况,不详细分析这个函数的源码。 Example one: [code] function Base(config) { this.name=config.name; this.age=config.age; this.sex=config.sex; } function base(config) { this.identity=config.identity; this.msg=config.msg; this.phone=config.phone; base.superclass.constructor.call(this,config); } Ext.extend(base,Base,{ showMsg:function(){ window.alert(this.name+' '+...