Ext常用案例Word文档格式.docx
- 文档编号:21195140
- 上传时间:2023-01-28
- 格式:DOCX
- 页数:17
- 大小:47.28KB
Ext常用案例Word文档格式.docx
《Ext常用案例Word文档格式.docx》由会员分享,可在线阅读,更多相关《Ext常用案例Word文档格式.docx(17页珍藏版)》请在冰豆网上搜索。
modify"
///路由删除方法:
remove
publicconststringROUTE_METHOD_REMOVE="
remove"
///路由添加方法:
add
publicconststringROUTE_METHOD_ADD="
add"
///路由详情方法:
detail
publicconststringROUTE_METHOD_DETAIL="
detail"
#endregion
#regionMethod
#regionoverridemethod
///预初始化,在初始化页面OnInit事件前触发
paramname="
e"
>
<
/param>
protectedoverridevoidOnPreInit(EventArgse)
{
#region权限认证
#region路由请求
//路由请求
stringreqMethod=Request.QueryString["
method"
];
if(!
string.IsNullOrEmpty(reqMethod))
switch(reqMethod.ToLower())
caseROUTE_METHOD_MODIFY:
Response.Write(Modify());
break;
caseROUTE_METHOD_SEARCH:
Response.Write(Search());
caseROUTE_METHOD_REMOVE:
Response.Write(Remove());
caseROUTE_METHOD_ADD:
Response.Write(Add());
caseROUTE_METHOD_DETAIL:
Response.Write(Detail());
default:
//反射
MethodInfomethod=this.GetType().GetMethod(reqMethod);
if(method!
=null)
Response.Write(method.Invoke(this,null));
}
End();
base.OnPreInit(e);
///初始化(OnInit)
protectedoverridevoidOnInit(EventArgse)
#regionExtJS
ExtHelper.Add(this.Header,this);
base.OnInit(e);
#regionvirtualmethod
///搜索
returns>
/returns>
publicvirtualstringSearch()
returnstring.Empty;
///修改
publicvirtualstringModify()
///删除
publicvirtualstringRemove()
///添加
publicvirtualstringAdd()
///详情
publicvirtualstringDetail()
///可以覆盖做其他处理
///Response.End();
publicvirtualvoidEnd()
Response.End();
}
这个PageBase类主要做以下三个工作:
a). 权限判断
这里权限判断是空的,大家实际项目中可以加上或者与现在项目进行集成。
b). ExtJS必须的资源文件加载
在OnInit页面的HtmlHead中按顺序加载ext-all.css、ext-base.js、ext-all.js、ext-lang-zh_CN.js
c). 路由请求
处理Ext的GET/POST请求,模拟服务器端控件的事件。
小技巧:
Request.QueryString["
]中method参数名称是忽略大小写的。
2.2 ExtHelper.cs
usingSystem.Configuration;
namespaceExtJS.Ext
publicsealedclassExtHelper
#regionMemberVariable
publicstaticreadonlystringEXT_BASE=ConfigurationManager.AppSettings["
EXT_BASE"
]?
?
"
/js/ext"
///ext-all.css
publicstaticreadonlystringEXT_CSS_ALL=EXT_BASE+"
/resources/css/ext-all.css"
///ext-all.js
publicstaticreadonlystringEXT_JS_ALL=EXT_BASE+"
/ext-all.js"
///ext-base.js
publicstaticreadonlystringEXT_JS_BASE=EXT_BASE+"
/adapter/ext/ext-base.js"
///ext-lang-zh_CN.js
publicstaticreadonlystringEXT_JS_LANGUAGE=EXT_BASE+"
/source/locale/ext-lang-zh_CN.js"
///EasyExt.js
publicstaticreadonlystringEXT_JS_EASYEXT=EXT_BASE+"
/plugins/EasyExt.js"
///0ext-all.css
///1ext-base.js
///2ext-all.js
///3ext-lang-zh_CN.js
///4EasyExt.js
privatestaticreadonlyIList<
HtmlGenericControl>
extresource;
#regionConstructors
staticExtHelper()
extresource=newList<
();
//ext-all.css
HtmlGenericControlcss_ext_all=newHtmlGenericControl("
link"
);
css_ext_all.Attributes.Add("
type"
"
text/css"
rel"
stylesheet"
href"
EXT_CSS_ALL);
extresource.Add(css_ext_all);
//ext-base.js
HtmlGenericControljs_ext_base=newHtmlGenericControl("
script"
js_ext_base.Attributes.Add("
text/javascript"
src"
EXT_JS_BASE);
extresource.Add(js_ext_base);
//ext-all.js
HtmlGenericControljs_ext_all=newHtmlGenericControl("
js_ext_all.Attributes.Add("
EXT_JS_ALL);
extresource.Add(js_ext_all);
//ext-lang-zh_CN.js
HtmlGenericControljs_ext_lang=newHtmlGenericControl("
js_ext_lang.Attributes.Add("
EXT_JS_LANGUAGE);
extresource.Add(js_ext_lang);
//EasyExt.js
HtmlGenericControljs_ext_easyext=newHtmlGenericControl("
js_ext_easyext.Attributes.Add("
EXT_JS_EASYEXT);
extresource.Add(js_ext_easyext);
///添加Ext资源文件
head"
page"
publicstaticvoidAdd(HtmlHeadhead,System.Web.UI.Pagepage)
if(head!
if(extresource!
//head.Controls[0]为title
head.Controls.AddAt(1,extresource[0]);
head.Controls.AddAt(2,extresource[1]);
head.Controls.AddAt(3,extresource[2]);
head.Controls.AddAt(4,extresource[3]);
//head.Controls.AddAt(5,extresource[4]);
根据配置文件指定Ext路径来加载ext的css和js文件,将来可方便的升级版本之用,仅需修改配置文件即可完成升级,但是需要注意ext并没有完全100%的向下兼容!
2.3 add.aspx
add页面注意是继承PageBase,由于本文仅使用控件,而cs内代码为空,所以仅贴页面代码:
%@PageLanguage="
C#"
AutoEventWireup="
true"
CodeFile="
add.aspx.cs"
Inherits="
%>
!
DOCTYPEhtmlPUBLIC"
-//W3C//DTDXHTML1.0Transitional//EN"
http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
htmlxmlns="
//www.w3.org/1999/xhtml"
headrunat="
server"
<
title>
表单控件<
/title>
/head>
body>
formid="
form1"
runat="
scripttype="
Ext.onReady(function(){
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget='
side'
varform1=newExt.FormPanel({
layout:
'
form'
collapsible:
true,
autoHeight:
frame:
renderTo:
Ext.getBody(),
title:
centerstyle="
curor:
hand"
onclick="
window.location.reload();
"
/center>
'
style:
margin-left:
auto;
margin-right:
width:
500px;
margin-top:
8px;
//设置标签对齐方式
labelAlign:
right'
//设置标签宽
labelWidth:
170,
//设置按钮的对齐方式
buttonAlign:
center'
//默认元素属性设置
defaults:
width:
180
},
items:
[{
fieldLabel:
文本框控件'
name:
TextBox'
xtype:
textfield'
//,readOnly:
true//只读
//,emptyText:
请输入数据'
//为空时显示的文本,注意不是value
},{
只允许输入数字'
name:
TextBoxNumber'
xtype:
numberfield'
//,allowDecimals:
false//允许小数点
//,allowNegative:
false,//允许负数
//,maxValue:
1000//最大值
//,minValue:
0//最小值
下拉框控件'
DropDownList'
combo'
//本地数据源local/remote
mode:
local'
//设置为选项的text的字段
displayField:
Name"
//设置为选项的value的字段
valueField:
Id"
//是否可以输入,还是只能选择下拉框中的选项
editable:
false,
typeAhead:
//必须选择一项
//forceSelection:
//输入部分选项内容匹配的时候显示所有的选项
triggerAction:
all'
//selectOnFocus:
true,
//数据
store:
newExt.data.SimpleStore({
fields:
['
Id'
'
Name'
],
data:
[[1,'
男'
],[0,'
女'
]]
})
},{
日历控件'
datefield'
DateControl'
format:
Y-m-d"
false
//,默认当前日期
//value:
newDate().dateFormat('
Y-m-d'
)
单选控件'
radiogroup'
Radios'
items:
[
{name:
RadioItems'
boxLabel:
选我'
inputValue:
1'
checked:
true},
选我吧'
0'
]
复选控件'
checkboxgroup'
Checkboxs'
//columns属性表示用2行来显示数据
columns:
2
CheckboxItems'
香蕉'
A'
},
苹果'
B'
橘子'
C'
桃子'
D'
文本域控件'
textarea'
value:
可以输好多字!
height:
50
时间控件'
timefield'
//格式化输出默认为"
g:
iA"
//"
ia|g:
iA|g:
ia|g:
iA|h:
i|g:
i|H:
i|ga|ha|gA|ha|ga|gA|gi|hi|gia|hia|g|H"
format:
H:
i'
//时间间隔(分钟)
increment:
60
标签页'
fieldset'
title:
autoHeight:
true
items:
[{
panel'
标签页中的面板'
height:
50
}]
在线编辑器'
htmleditor'
width:
260
100
//以下为默认选项,其他请参照源代码
//,enableColors:
//,enableFormat:
true
//,enableFontSize:
//,enableAlignments:
//,enableLists:
t
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Ext 常用 案例