`
chenxueyong
  • 浏览: 337420 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论
文章列表
    一直忙于筹备《Ext实战》一书,所以BLog很久没更新了,实在抱歉!现在书写得差不多了,把已经完成的节选一部分放上来,希望对大家有说帮助。    废话不多说了,这次给大家节选的是ColumnLayout一节,希望能大家对ColumnL ...
看到Extjs Example那些美轮美奂的界面,我也不禁心动了,也加入到学习Extjs的行列中来了,到园子里找了些朋友们的相关文档,囫囵吞枣的大都看了一遍,好像都还能理解,不过,经验告诉我,能看懂与能自己写,那根本就是两回事,况且这次还是大部分的手写javascript代码呀,所以还是不能光说不练,现在就动手: 我准备用ExtJS实现两个comeboBox(DropDownList)联动的效果,代码如下: 服务端代码:CategoryManage.aspx GetCatWise.aspx 1 using System; 2 using System.Data; 3 using Syste ...
  说是下篇,其实也无所谓上下了,只是我在上一篇关于实现ComboBox联动的文章中提出的问题,虽然也在Google和园子里泡了很久,苦于E文太菜,
Ext.Templates 主要用来生成一套html代码模板。非常实用!下面介绍一些高级应用,之后有个简单的例子比如 <span class="{cls}">{name} {value}</span>。 加处理函数之后,<span class="{cls}">{name:trim} {value:ellipsis(10)}</span>。相关函数这是一份格式化函数的列表,可用于模板: ellipsis(length) - 对大于指定长度部分的字符串,进行裁剪,增加省略号(“...”)的显示。适用于只显示 ...
1、  数据库背景:这里有一个组织机构表,结构如下:Oracle DDL脚本 :create table  ORGANIZATION(  ORGID       NUMBER(10) not null,  PARENTID    NUMBER(10) not null,  ORGNAME     VARCHAR2(32) not null,  ISAVAILABLE NUMBER(1) default 1 not null);alter table  ORGANIZATION       add constraint PK_ORGID primary key (ORGID);alter tabl ...
当一个列用render渲染的时候,如果列宽度不够,内容多出的部分会被隐藏,无法显示。这时需要一个鼠标滑过提示全部内容的tip功能。渲染的函数写成如下:function renderHallName(value, meta, rec, rowIdx, colIdx, ds){    return '<div ext:qtitle="" ext:qtip="' + value + '">'+ value +'</div>';}顶部需要加入Ext.QuickTips.init();qtitle代表tip的标题, qtip代表内容。这时鼠标 ...
实例: 实例是模仿dhtmlxTree的 在render中主要添加了这一行'<img src="', a.isCheck ? "/images/tc/iconCheckAll.gif" : "/images/tc/iconUnCheckAll.gif",'" class="x-tree-ec-icon">', 再获取这个节点 this.ckNode = cs[2]; 在initEvents中添加该节点的事件: E.on(this.ckNode, "click", this.ckCli ...

Ext 验证

Ext.apply(Ext.form.VTypes,{  password: function(val, field)  {     if (field.initialPassField)     {        var pwd = Ext.getCmp(field.initialPassField);        return (val == pwd.getValue());      }     return true;  },  passwordText: '两次输入的密码不一致!',   chinese:function(val,field)  {    var reg = /^[\ ...

Ext详解

1、Ext.apply(Object obj, Object config, Object defaults ) : Object将config中的所有属性复制到obj中,如果配置了defaults,则先将defaults中的属性传入obj,然后再将config中属性传入,一般defaults用于定义一些默认值。注意:每个参数都必须是对象object,而不能是function或其他。创建object可以通过new function(){}、new Object()、{}等方法创建。2、Ext.emptyFn: Function用于返回一个空函数,便于在程序中创建空函数。Ext.emptyFn返回 ...
scripts/ext/resources/css/ext-all.css//EXT通用CSS,包含所有的样式(必须)scripts/ext/resources/css/icon.css//自定义存放菜单项或其他页面图标scripts/utils/HiTRUST-CMS.css//老版本支付系统的CSSscripts/ext/ext-base.js//框架基础库(必须)scripts/ext/ext-all.js //包含了所有的EXT类库(必须)scripts/ext/ext-lang-zh_CN.js//EXT所有的中文提示(必须)文件导入顺序要试用Ext必须最少要把上面标注为必须的JS和C ...
   接到任务,要写一个项目协作系统,任务不急,嘿嘿,用extjs试试看 这个系统是部门间用来扯皮用的,md又被当枪头了 自学了1个礼拜,就开始操刀了,代码很简单,模块化,希望对学习extjs的朋友有帮助,也帮俺的blog增加点人气(这样说话,不会扣分吧 ) 嘿嘿 。 献上源码,供大家参考   json格式化很方便,把取出来的数据,传给json格式化的类,就可以了。   这个类是处理sql语句,返回数据,和格式化json   Java代码 package com.soa.userbean;       import java.sql.Connection;    import jav ...
Ext.onReady(function(){    Ext.QuickTips.init();       var dateMenu = new Ext.menu.DateMenu({        handler : function(dp, date){            Ext.example.msg('Date Selected', 'You chose {0}.', date.format('M j, Y'));        }    });    var colorMenu = new Ext.menu.ColorMenu({        handler : functio ...

DynamicPageBar

用extjs,一个很重要的原因是因为他的grid真的很好,很强大,要使用它的grid,不可避免会用到PagingToolbar这个widget,不过使用后发现,这个paging的工具栏有几个缺点: 1.通过键盘快捷键翻页,方式与我们习惯不太一样,看看PagingToolbar源代码: Java代码 onPagingKeydown : function(e){        var k = e.getKey(), d = this.getPageData(), pageNum;        if (k == e.RETURN) {            e.stopEvent(); ...
今天写了一个后台的菜单管理页面,新增或修改树节点时,需要选择已经存在的节点作为父节点,于是想让一个combox作为载体显示一个树的widget,EXTJS并没有提供该控件,于是逛了逛一些论坛和网站,发现vifir的博客系统使用到了此控件,不过并没有提供源代码参考,没办法,自己写一个吧... 以下代码是扩展于combox的 DynamicTreeCombox,代码如下: Java代码 Ext.ns("Ext.ux.form");    Ext.ux.form.DynamicTreeCombox= Ext.extend(Ext.form.ComboBox, {    ...
MENU的使用/** Ext JS Library 1.0* Copyright(c) 2006-2007, Ext JS, LLC.* licensing@extjs.com* * http://www.extjs.com/license*/Ext.onReady(function(){     Ext.QuickTips.init();     // Menus can be prebuilt and passed by reference     var dateMenu = new Ext.menu.DateMenu({                           ...
Global site tag (gtag.js) - Google Analytics