首页 › 标签存档 › Extjs

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中的this.config[a] is undefined错误

错误提示:

this.config[a] is undefined
this.mainBody is undefined

解决办法:
继续阅读 »