ExtJs

NodeJS 和 ExtJS

Posted 周二, 07/02/2013 - 15:25 by admin

最近在看一些extjs和nodejs的东西，就试着将其结合着使用下。

1.新建express项目

首先我们新建一个express的项目，可以参照Web Development With Express。

express -e extjs-demo
cd extjs-demo
sudo npm install

Visual Studio 中使用 ExtJs

Posted 周二, 07/02/2013 - 14:58 by admin

一、要想运行extjs，首先要对extjs的样式及库文件进行配置，库文件及样式下载地址：
http://extjs.org.cn/download/

二、在VS（本人使用的是Microsoft Visual Studio 2010）中创建空白网页后，之后再添加库文件和样式文件。
先创建基本网站项目。

ExtJS Form 回车提交

Posted 周二, 07/02/2013 - 12:34 by admin

[code]
/**
* 该表单提供对各个元素回车验证并且自定切换到下一个元素功能
*/
Ext.define("Ext.ux.form.Panel",{
extend:"Ext.form.Panel",
isValid:function(){
var isValid = true;
Ext.Array.each(this.items.items,function(item,index){
if(!item.isValid()){
isValid = false;
item.focus();
return false;
}
});
return isValid;
},
initComponent:function(){
var me = this;
var specialKey = function(field,e,eOpts){
if (e.getKey() == Ext.EventObject.ENTER) {
var isValid = true;
if(!field.isValid()){
field.focus();
}else{
if(me.isValid()) {
me.getFo

学习总结之ExtJs的相关了解和问题解决篇

Posted 周二, 07/02/2013 - 12:31 by admin

1、通过Ext.data.Record.create的类来创建数据库表中的记录，其中名称的顺序与数据库表中的名称一一对应
通过Ext.data.Store类来定义表格的数据存储器：proxy提供访问地址， reader解析数据
通过Ext.grid.CheckboxSelectionModel 设置多项选择 设置singleSelect : false即可
通过Ext.grid.ColumnModel来创建表格的列信息
通过Ext.form.Hidden 来设置需要隐藏的列信息
通过Ext.form.TextField 创建表单文本框
通过Ext.form.NumberField 创建智能输入数字类型的文本框
通过Ext.form.TextArea 创建文本区域 如备注（填写的区域）
通过Ext.Toolbar 创建工具栏：显示所有控件，如增删改查
通过Ext.form.FormPanel 创建弹出增加，修改页面的的面板
通过Ext.Window 来显示增加 删除页面的窗口
通过Ext.grid.GridPanel类 基于Grid控件的一个面板组件，呈现了Grid的主要交互接口
通过Ext.PagingToolbar 和Ext.data.Store参与绑定并且自动提供翻页控制的工具栏
通过Ext.util.Format.date 将日期类型转换为字符串

Extjs 4.2 Grid增删改及后台交互(Java)

Posted 周二, 07/02/2013 - 12:20 by admin

上次发了Easyui Datagrid的增删改查的使用学习记录后一直想整理下基于Extjs4.2的Grid学习使用记录。苦于抽不出时间，一直拖到现在。不得不说，Extjs确实很强大，新版的Neptune风格也很入我眼，但毕竟没怎么用过，第一次用，也不敢上来就搞什么自定义组件，也就纯粹的model+store+panel声明式创建表格了。

抛开分页，抛开排序，今天只简单讲一下最近使用中总结出来的rest形式增删改查数据的方式。发现这种方式挺不错的，故而分享下。
代码Example如下：

聚合内容