ExtJs之combobox详解 手册 中文

1.服务器数据作为ComboBox的数据源 实例
首先从服务器获取json数据:

//cs后台代码,简单起见,示例而已,要主要字符串格式(新手注意,下面的代码放在类里面,不是放在方法里)
public string  ServerData=”['湖北','江西','安徽']“;

//前台js介绍代码
Ext.onReady(function(){
var combo=new Ext.form.ComboBox({
store:<%=ServerData%>,//获取ServerData的string值, 不要用”"引起来,否则就不是object数据,而是字符串,这是一个很巧妙的关键点:把服务器的字符串转化为js的object数据,            emptyText:’请 选择一个省份….’,
applyTo: ’combo’
});
});

//前台html代码
<input type=”text” id=”combo” size=”20″/>
我们就通过<%=ServerData%>这样的方式获取到了服务器最简单的属性数据。
2.ComboBox的数据源store格式详解 (全文…)

extjs fckeditor php 配置

1.删除editor/_source 目录
这是FCKeditor的源码,可以删除

2. 删除editor/_source 目录,这是FCKeditor的源码,可以删除

3. 删除editor/lang 目录中除en/zh/zh-cn的语言文件

4. 删除editor/filemanage/connectors 除php的目录

5. 修改fckconfig.js

a) 默认语言FCKConfig.DefaultLanguage = ‘en’ ;个性为“zh-cn”

b) FCKConfig.FontNames = ‘Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana’ ;

在这里增加中文字体,修改为:

FCKConfig.FontNames = ‘宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana’ ;

c) 修改服务端语言,将:

_FileBrowserLanguage

_QuickUploadLanguage

的值都改为“php”。

d) 更改表情图片。全部在:

FCKConfig.SmileyPath

FCKConfig.SmileyImages

FCKConfig.SmileyColumns

FCKConfig.SmileyWindowWidth

FCKConfig.SmileyWindowHeight

这几项中,请参照原值进行修改。

e) 自定义编辑器显示的工具栏及按钮

找到FCKConfig.ToolbarSets["Default"]这一段,并在里面选择所需要显示的按钮,不需要显示的删除掉。

6. 修改editor/filemanage/connectors/php/config.php。FCKeditor默认是关闭文件上传的,如果要打开, 必须修改这个文件。将$Config['Enabled'] = false ;改为“true”。
(全文…)

Extjs tiny_mce 上传图片 TinyMce上传插件开发

TinyMCE 是一个基于浏览器(例如MSIE或Mozilla)的强大的所见即所得的编辑器,它使用户可以方便的编辑HTML内容。它非常灵活并且是为系统集成而设计的,比如在Intranets、CMS、LMS等系统中应用。
而在官方的TinyMCE版本上,一直没有图片上传的功能,由于项目需要,需要对在线编辑器增加上传模块。
TinyMCE 是一个基于浏览器(例如MSIE或Mozilla)的强大的所见即所得的编辑器,它使用户可以方便的编辑HTML内容。它非常灵活并且是为系统集成而设计的,比如在Intranets、CMS、LMS等系统中应用。
而在官方的TinyMCE版本上,一直没有图片上传的功能,由于项目需要,需要对在线编辑器增加上传模块。
(全文…)

原创 extjs 总结

原创? extjs 总结
# Ext.namespace(‘com.faceye.layout’);
# Ext.BLANK_IMAGE_URL = ’scripts/ext/resources/images/vista/s.gif’;
emptyText:’请选择您喜欢的颜色’,
user = Ext.get(‘user’);// 生成Ext element元素
el = new Ext.Element(user);
<button onclick=”location.href=’www.baidu.com’;”>点击链接到百度</button>
window.location.reload(true); //重载页面
chooser.view.on(‘contextmenu’, function(d, i, n, e){//元素加menu
//ext 窗体操作
//Ext.WindowMgr.each(function(w){w.hide()});//window.location.reload(true);
layout:’fit’ ‘border’ ‘table’ ‘column’ ‘card’
Ext.QuickTips.init();
disabled:ture,
hidden :true,
closeAction: ‘hide’ //关闭按钮效果
target=”_blank”//弹出新窗口
render(document.body);
renderTo: document.body,
applyTo: ‘local-states’
animate:true,?????????????? // 生机勃勃 特效
layoutOnTabChange :true,??? //tabPanel doLayout
labelAlign: ‘left’,??????? //form 标签左对齐
hideLabel :booler????????? //隐藏标签
contentEl :’cartT’,??????? //将元素内容读入到ext组件中。
listeners:{check:onCheck},
hiddenName:’server’,?????? //commbox 获取值时,返回valueField :”retrunValue”,
//否则返回?? displayField: “displayText”,
emptyText:’请输入标题’???? //textField为空时显示的内容
anchor:’90%’?????????????? //占用百分之几的位置
closable: true,?????????? //是否现实关闭按钮
modal:true,?????????????? //是否模态方式显示窗口
border:true,????????????? //边框宽度
bodyBorder :true,
bodyStyle:’padding:5px’, //边的类型设置了内补丁,空余5像素。
collapsible:true,?? //工具条添加收缩按钮
disabled:true,??????????? //窗体状态灰色显示,且不可用
collapsed:coll,?????????? //窗体状态收缩、true收起–与expandOnShow一起用
tools:tools,????????????? //工具条
expandOnShow : false,???? //显示的时候扩张true为显示
autoWidth:true,?????????? //自动调节宽度
plain:true,?????????????? //将标签页头的背景设置为透明
closable:true,??????????? //有关闭按钮
closeAction: ‘hide’,????? //关闭按钮 隐藏窗体
frame:false,????????????? //窗体没有背景
header:false,???????????? //有窗体头部
autoScroll: true,????????? //窗体自动出先滚动条
shadow:false,???????????? //窗体影子
draggable:false,????????? //窗体是否可拖动
resizable:false,????????? // 窗体不可改变大小
labelSeparator:’:’,????? //标题的分隔符号我们用中文冒号代替英文的冒号(labelSeparator:’:’)
isVisible();????????????? //窗体显示
maximizable:true,???????? //放大缩小窗口
focus(); //焦点
minWidth :30,????????????? //按钮最大宽度
<a ext:qtip=”sssss”>ssss</a>
buttons: [{//----------------------------------button
id: 'ok-btn',
text: '选择',
handler: this.doCallback,
scope: this
}]
Store 读取回调后的json数组
‘load’: {fn:function(s){
s.getAt(0).get(“expHost”)

(全文…)

Extjs中操作JsonStore

实例文件如下:

(全文…)

Extjs在Ex的JsonStore的load方法中使用回调callback

Ajax的异步请求有时候会带来一些问题,如在Ext做的页面中,需要加载一个JsonStore数据集,在紧跟着的代码中可能就会对数据集进行访问的操作,由于异步请求很可能导致数据未加载完就开始访问,结果可能会不是想要的结果。这里load方法中提供了一个callback回调函数,可以解决延迟加载的问题,我们需要处理的一部分代码可以放在callback函数中处理,这样就解决了异步请求带来的问题。如:
Java代码
(全文…)

extjs学习笔记(三)最基本的grid

EXTJS学习笔记:grid之gridview

extjs中的grid的挺功能强大,以下是我自己做项目时用到的显示访客信息的一个grid,我将通过这个来分析grid的用法以及与SQL2000等数据库的连接过来。 我们就从最简单的grid开始,一步步来看看extjs给我们提供的grid究竟给我们提供了哪些功能。
在EXTJS中,一个grid包括行、列以及其他辅助信息,在extjs里边,列由Ext.grid.ColumnModel来管理,我们来看看如何创建一个ColumnModel对象:

(全文…)

Extjs中JSonStore的操作

I’m trying to get a jsonstore to read in data and parse it. It sounds simple enough, but for whatever reason, I am having a heck of a time doing it. I’ve boiled down my problem to the simplest example I can think of, but I’m still not getting it. Any ideas?

Here is the code. The idea is that when you click on the button, the JSON is parsed and an alert pops up with the name field from the record.

When I step through the code using Firebug, the “each” function on the datastore steps right over the alert, acting as if there are no records. (全文…)

extj中remove的用法

常用的方法是

Ext.getCmp(‘form1′).remove(‘text1′)

(全文…)