自定义标签(Custom Tag)

合集下载

ant design cascader组件 tagrender使用示例

ant design cascader组件 tagrender使用示例

Cascader 是 Ant Design 中的一个级联选择组件,它允许用户从一系列嵌套的选项中进行选择。

在较新版本的 Ant Design 中,你可以通过 fieldNames 属性来自定义渲染选项,其中 tagRender 可以用于自定义已选项目的渲染方式。

然而,到我最后的知识更新为止(2022年1月),Ant Design 的官方文档中并没有直接名为 tagRender 的属性。

可能你是在提到 fieldNames 里面的 option 或者你可能想要使用某种方式去自定义渲染已选择的标签。

下面是一个基本的示例,展示如何使用 fieldNames 属性来自定义渲染级联选择器(Cascader)的选项和已选择的标签。

请注意,我将使用一个假设的 tagRender 函数,实际上你应该将其替换为适当的逻辑或组件:jsximport React from 'react';import { Cascader } from 'antd';const options = [{value: 'zhejiang',label: '浙江',children: [{value: 'hangzhou',label: '杭州',children: [{value: 'xihu',label: '西湖',},],},],},// ... 其他选项];const CustomTagRender = ({ label, value }) => {return (<span style={{ color: 'blue', fontWeight: 'bold' }}>{label} ({value})</span>);};const App = () => {const [selectedOptions, setSelectedOptions] = eState([]);// 假设的 tagRender 函数使用,实际上你应该根据 API 来使用正确的属性或方法const onChange = (value, selectedData) => {setSelectedOptions(selectedData.path.map((option) => bel));};return (<div><Cascaderoptions={options}fieldNames={{ label: 'label', value: 'value', children: 'children' }} // 这行其实默认就是这样,只是为了展示可以自定义 fieldNamesonChange={onChange}placeholder="请选择"/>{/* 渲染已选择的标签 */}{selectedOptions.map((label, index) => (<CustomTagRender key={index} label={label} value={label} />))}</div>);};export default App;请注意,上面的示例中 CustomTagRender 是一个假设的自定义渲染组件,它接收标签的label 和 value 属性。

T13 自定义标签

T13 自定义标签

2、使用自定义标签 、
<xf:helloworld /><br> <xf:hello>清华IT</xf:hello>
复杂的自定义的标签-1 复杂的自定义的标签
带属性设置的标签
例子: 例子:HelloAttTag
带body的自定义标签 的自定义标签
BodyTag接口 主要处理带正文的标签 接口:主要处理带正文的标签 接口
是一个标记接口,它有一个直接子接口 是一个标记接口,它有一个直接子接口: Tag接口, 它是经典的、必须实现的接口。 接口, 接口 它是经典的、必须实现的接口。
public interface JspTag { }
JspTag与Tag接口介绍 与 接口介绍
public interface Tag extends JspTag { public final static int SKIP_BODY = 0; public final static int EVAL_BODY_INCLUDE = 1; public final static int SKIP_PAGE = 5; public final static int EVAL_PAGE = 6; void setPageContext( PageContext pc ); void setParent( Tag t ); Tag getParent( ); int int doStartTag( ) throws JspException; doEndTag( ) throws JspException;
<description>继承 继承TagSupport抽象类创建标签 抽象类创建标签</description> 继承 抽象类创建标签

Origin_8

Origin_8

帮助中心 | 空间客服 lved/item/04784df3c772ba0bff358258
5/5Biblioteka 【转载请注明出处,请尊重版权】【转载请注明出处,请尊重版权】【转载请注明出处,请尊重版权】
在Labels and Tags选项卡中,Labels选项中的Label Form用于修改显示数值的种类,默认 是只显示Y值,可以选择显示(X,Y)或者自定义Custom。在Tags选项中,Location用于修改标签 的位置,默认是Top,可换成Bottom
#origin制图
分享到:
举报 浏览(537) 评论(2) 转载(8)
你可能也喜欢
三游荡口古镇( 13)——从仓河 北街到北新河
厦门——思明\铁 路公园
[游记·花时间]武 汉之旅-第二天
夜宿名古屋--看 日式民宅
湖南之旅——错 觉长沙
【大理印象:洱 海】
自定义函数拟合
本文最近访客
小女Sophie 3月22日
我们点击Vertical Cursor对话框中的Options图标,如下图中左侧的红框所示,会弹出Prefer ences对话框。在其中的Table选项卡中,X Display Format和 Y Display Format代表X值和Y值 (包括后来添加的Nearest X和Nearest Y)的位数显示。默认的 * 代表显示小数点后5位数值。 ,可以选择 .2,代表显示小数点后2位数值,或者选择 *5,代表显示5位有效数字。
2014年4月5日
Origin8.6高级篇——Gadgets Vertical Cursor工具_Time_Resolved_空间Time_Resolved
此空间主要介绍我使用Origin软件作图的心得。我尽力让我写的介绍教程不出现无法完成的情况,还请大家监督。

S2英语单词

S2英语单词

Java Web应用开发 (5)A (5)B (5)C (6)D (7)E (7)F (7)G (8)H (8)I (8)J (9)L (10)M (10)O (11)P (11)Q (11)R (12)S (12)T (13)U (14)W (14).NET平台和C#编程 (15)A (15)B (15)C (16)D (18)E (18)F (19)G (20)H (20)I (20)J (21)L (22)M (22)N (24)O (24)P (25)Q (26)R (26)S (27)T (28)U (29)V (29)W (30)WinForms 高级应用开发 (30)A (30)B (31)C (32)D (34)E (35)F (36)G (37)H (37)I (38)J (39)K (39)L (39)M (40)N (42)O (43)P (44)Q (46)R (46)S (47)T (48)U (50)W (51)XML (52)A (52)B (53)C (53)D (54)E (55)F (56)G (56)H (56)I (56)J (57)L (57)M (57)N (57)P (58)Q (58)R (58)S (59)T (59)U (59)W (60)X (60)Java Web应用开发AAbstract class抽象类Application deployment descriptor应用程序部署描述符Application Program Interface(API)应用程序接口Arithmetic operation算术运算Attachment 附件Attribute属性BBeginning tag 起始标签Binary data 二进制数据Blind Carbon Copy(BCC) 暗送Buffer 缓冲区Business logic 业务逻辑CCarbon Copy (CC) 抄送Case-sensitive 区分大小写Character entity 字符实体Chat application 聊天应用程序Chat room 聊天室Class 类Client 客户端Closing delimiter 结束分隔符Common Gateway Interface (CGI)通用网关接口Component 组件Constructor 构造函数Container tag 容器标签Context path 上下文路径Core tag library 核心标签库Cross-platform component 跨平台组件Custom tag 自定义标签DData access logic 数据存取逻辑Decimal 十进制Deploy 部署Deployment descriptor 部署描述符Destroy 销毁Directive 指令Directory structure 目录结构Dispatch 调度Dot operator 点运算符EEmail address 电子邮件地址Ending tag 结束标签Exception 异常Expression 表达式Expression language(EL) 表达式语言FFilter 过滤器Formatting Tag Library 格式标签库GGarbage collection 垃圾回收Global variable 全局变量HHexadecimal 十六进制Hidden form field 隐藏表单字段Host name 主机名HTML form HTML表单HTML tag HTML标签Hypertext Transfer Protocol(HTTP)超文本传输协议IImplicit object 隐式对象Inbox 收件箱Initialization 初始化Instantiation 实例化Internationalization(I18N) 国际化Internet Message Access Protocol(IMAP) Internet邮件访问协议JJava Community Process(JCP)Java社区组织Java Naming and Directory Interface(JNDI) Java命名和目录接口Java Server Pages(JSP) Java 服务器页面Java Server Pages Standard Tag Library (JSTL) Jsp标准标签库JSP 2.0 expert group JSP 2.0专家组JSP life cycle JSP生命周期JSP standard action JSP 标准动作JSP standard library JSP 标准库LLiteral 文字常量Local file system 本地文件系统Log file 日志文件Logic statement 逻辑语句Logical operation 逻辑运算MMail 邮件Mail server 邮件服务器Model Ⅰarchitecture Model Ⅰ体系结构Model Ⅱ architecture Model Ⅱ体系结构Model – View – Controller(MVC)模型-视图-控制器Module 模块Multipurpose Internet Mail Extensions (MIME)多用途Internet邮件扩展协议OOctal 八进制One-tier architecture 一层体系结构Opening delimiter 起始分隔符Operator 运算符Outbox 发件箱PPackage 包、打包Parameter 参数Post Office Protocol (POP3) 邮局协议Precedence 优先级Prefix 前缀Presentation logic 表示逻辑Property 属性QQuery string 查询字符串RRecipient address 收件人地址Relational operation 关系运算Request dispatcher 请求调度程序Request message 请求消息Reserved word 保留字Reset 重置Response message 响应消息Retrieve 检索Reusable component 可重用组件Root directory 根目录SScripting element 脚本元素Search engine 搜索引擎Search keyword 搜索关键字Sender address 发件人地址Servlet container Servlet容器Servlet context Servlet上下文Servlet life cycle Servlet生命周期Session tracking 会话跟踪Shared session 共享会话Shopping cart 购物车Simple Mail Transfer Protocol(SMTP) 简单邮件传输协议SQL Tag Library SQL标签库Stateless protocol 无状态协议Static file 静态文件Static text 静态文本Static variable 静态变量Subject 主题Submit 提交Suffix 后缀TTag Library Descriptor (TLD) 标签库描述符Three-tier architecture 三层体系结构Top-level directory 顶层目录Two-tier architecture 二层体系结构UUniform Resource Identifier (URI)统一资源标识符Uniform Resource Locator (URL)统一资源定位符/器Unshared session 非共享会话URL rewriting URL重写User authorization 用户授权WWeb application Web应用程序Web Module Web模块.NET平台和C#编程AAbstract class 抽象类Abstract method 抽象方法Access modifier 访问修饰符Access violation 访问冲突Accessor 访问器Activate 激活ActiveX control ActiveX 控件Arithmetic operator 算术运算符Array 数组Assembly 程序集Assembly manifest 程序集清单Associativity 结合性BBase class 基类Binary data 二进制数据Binary operator 二元运算符Bottom-up approach 自底向上法Boxing 装箱Break mode 中断模式Breakpoint 断点Buffer 缓冲区Build solution 生成解决方案Button 按钮CCamel Case 骆驼命名法Cast 强制转换Catch block Catch 块Checkbox 复选框Child class 子类Child form 子窗体Class 类Class declaration 类声明Class member 类成员Class module 类模块Class View 类视图Code editor 代码编辑器Code module 代码模块Collection 集合COM component COM组件Combo box 组合框Common Language Runtime(CLR)公共语言运行库Common Language Specification (CLS)通用语言规范Common Type System (CTS) 公共类型系统Compiler 编译器Component 组件Component Object Model(COM)组件对象模型Console application 控制台应用程序Constant 常量Constructer 构造函数Container 容器Control 控件DData member 数据成员Data stream 数据流Data type 数据类型Database object 数据库对象Deadlock 死锁Debug mode 调试模式Debugger 调试器Debugging 调试Declaration 声明Delegate 委托Dockable Window 可停靠窗口Dynamic Help 动态帮助Dynamic Link Library (DLL) 动态链接库EElement 元素Encapsulate 封装Enumerator 枚举Event 事件Event log 事件日志Exception 异常Exception handler 异常处理程序Exception Handling 异常处理Executable 可执行文件Explicit Interface 显式接口Expression 表达式FFavorites 收藏夹File stream 文件流Focus 焦点Form 窗体Form Container 窗体容器Form Designer 窗体设计器Framework Class Library (FCL) 框架类库Free the memory 释放内存Function 函数Function prototype 函数原型GGain access 获得访问权限Garbage collector 垃圾回收器Getting Started information 入门信息Global variable 全局变量Graphical User Interface (GUI) 图形用户界面HHash code 哈希代码Heap 堆内存Host window 宿主窗口Hungarian Notation 匈牙利命名法IIdentifier 标识符Implement 实现Indexer 索引器Inheritance 继承Inline variable 内联变量Instance 实例Instantiation,Instantiating 实例化Integrated Development E nvironment(IDE) 集成开发环境Integration Testing 集成测试Interface 接口,界面Intermediate Language(IL) 中间语言Interoperability 互操作性Invoke 调用Iterate through 循环访问Iteration 迭代,循环Iteration construct 循环结构JJust In Time(JIT) compiler 即时编译器Keyword 关键字LLabel 标签Life cycle 生命周期Line of code 代码行List box 列表框Local machine 本地计算机Local variable 局部变量Locale 区域设置Logic view 逻辑视图Logical error 逻辑错误Long integer 长整型Loop body 循环体MMain function 主函数Main thread 主线程Managed code 托管代码Manifest 清单MDI child form MDI子窗体MDI parent form MDI父窗体Member function 成员函数Member variable 成员变量Memory allocation 内存分配Memory leak 内存泄漏Message Box 消息框Message queue 消息队列Method 方法Method call 方法调用Microsoft Developer Network(MSDN) 微软开发者网络Microsoft Intermediate Language(MSIL) Microsoft中间语言Modal dialog box 模式对话框Modal window 模式窗口Multi-dimensional array 多维数组Multiple Document Interface(MDI) form 多文档界面窗体Multiple inheritance 多重继承Multiple interface 多重接口Multithreading 多线程NNamespace 命名空间Native code 本机代码Navigation button 导航按钮Non-abstract method 非抽象方法OObject 对象Object Oriented Programming (OOP)面向对象编程ODBC data source ODBC数据源Online newsgroup 联机新闻组Online resource 联机资源Operand 操作数Operator 运算符Operator precedence 运算符优先级Overhead 系统开销Overload 重载Overloaded method 重载方法Override 重写PPane 窗格Parameter 参数Parameterized constructor 参数化构造函数Parent class 父类Parent form 父窗体Performance counter 性能计数器Permission 权限Picture box 图片框Polymorphism 多态Pop-up menu 弹出式菜单Pop-up window 弹出式窗体Primitive data type 原始数据类型Private access modifier 私有访问修饰符Process 进程Project 项目Property 属性Property name 属性名称Property value 属性值Protected access modifier 受保护的访问修饰符Prototype 原型Public access modifier 公共访问修饰符QQueue 队列RRadio button 单选按钮Read/Write property 读/写属性Read-only property 只读属性Reference type 引用类型Reflection 反射Relational operator 关系运算符Release mode 发布模式Run-time Error 运行时错误SScope 作用域Scrollbar 滚动条Selection statement 选择语句Server Explorer 服务器资源管理器Service 服务Single dimensional array 一维数组Single document interface(SDI) 单文档界面Single inheritance 单一继承Single-dimensional 一维Solution Explorer 解决方案资源管理器Source code 源代码Source language 源语言Stack 堆栈Static property 静态属性Structure 结构Structure variable 结构变量Sub class 子类Suspend 暂挂Synchronization 同步Syntax Error 语法错误TTab control 选项卡控件Tabbed document 选项卡式文档Task List 任务列表Template 模板Ternary operator 三元运算符Text box 文本框Thread 线程Threading 线程处理Toolbox 工具箱Top down approach 自顶向下法Traverse 遍历Tree view 树视图Trigger 触发器Troubleshoot 排除错误UUmbrella approach 伞形法Unary operator 一元运算符Unboxing 拆箱Underscore 下划线Unit testing 单元测试VValue type 值类型Variable 变量Versioning 版本控制Virtual method 虚拟方法WWeb hosting Web宿主Wildcard 通配符Write-only property 只写属性WinForms 高级应用开发AAbstract class 抽象类Abstract method 抽象方法Access modifier 访问修饰符Access violation 访问冲突Accessor 访问器Activate 激活Active form 活动窗体ActiveX control ActiveX 控件ActiveX Data Object(ADO) ActiveX数据对象Arithmetic operator 算术运算符Array 数组Assembly 程序集Assembly manifest 程序集清单Associativity 结合性BBase class 基类Binary data 二进制数据Binary operator 二元运算符Bitmap 位图Bottom-up approach 自底向上法Boxing 装箱Break mode 中断模式Breakpoint 断点Buffer 缓冲区Build solution 生成解决方案Button 按钮Ccamel Case 骆驼命名法Cascade 层叠Cast 强制转换Catch block Catch 块Checkbox 复选框Child class 子类Child form 子窗体Child window 子窗口Class 类Class declaration 类声明Class member 类成员Class module 类模块Class view 类视图Code editor 代码编辑器Code module 代码模块Collapse 折叠Collection 集合COM component COM组件Combo Box 组合框Common Language Runtime(CLR)公共语言运行库Common Language Specification (CLS)通用语言规范Common Type System (CTS) 公共类型系统Compiler 编译器Component 组件Component Object Model(COM)组件对象模型Composite primary key 复合主键Connectionless protocol 无连接协议Console application 控制台应用程序Constant 常量Constraint 约束Constructer 构造函数Container 容器Context menu 上下文菜单Control 控件Crystal report 水晶报表Crystal Report Expert 水晶报表专家Crystal Report Viewer 水晶报表查看器Custom Actions Editor 自定义操作编辑器DData Binding 数据绑定Data Column 数据列Data Consumer 数据使用者Data Form Wizard 数据窗体向导Data member 数据成员Data Provider 数据提供程序Data Row 数据行Data set 数据集Data source 数据源Data stream 数据流Data table 数据表Data type 数据类型Data view 数据视图Database object 数据库对象Deadlock 死锁Debug mode 调试模式Debugger 调试器Debugging 调试Declaration 声明Delegate 委托Deployment 部署Derived class 派生类Destructor 析构函数Dockable Window 可停靠窗口Dynamic Help 动态帮助Dynamic Link Library (DLL) 动态链接库Dynamic menu 动态菜单EElement 元素Encapsulate 封装Enumerator 枚举Event 事件Event log 事件日志Exception 异常Exception handler 异常处理程序Exception Handling 异常处理Executable file 可执行文件Expand 展开Explicit Interface 显式接口Expression 表达式FFavorites 收藏夹File stream 文件流File System Editor 文件系统编辑器Focus 焦点Form 窗体Form Container 窗体容器Form Designer 窗体设计器Framework Class Library (FCL) 框架类库Free the memory 释放内存Function 函数Function prototype 函数原型GGain access 获得访问权限Garbage collector 垃圾回收器Getting Started information 入门信息Global variable 全局变量Graphical User Interface (GUI) 图形用户界面HHash code 哈希代码Heap 堆内存Host window 宿主窗口Hungarian Notation 匈牙利命名法IIcon 图标Identifier 标识符Implement 实现Indexer 索引器Inheritance 继承Inline variable 内联变量Instance 实例Instantiation, Instantiating 实例化Integrated Development Environment(IDE) 集成开发环境Integration Testing 集成测试Interface 接口,界面Intermediate Language(IL) 中间语言Internet Assigned Number Authority(IANA)Internet编号分配管理机制Internet Protocol Internet协议Interoperability 互操作性Invoke 调用Iterate through 循环访问,遍历Iteration 迭代,循环Iteration construct 循环结构JJust In Time(JIT) compiler 即时编译器KKeyword 关键字LLabel 标签Large Icon 大图标Launch Conditions Editor 启动条件编辑器Life cycle 生命周期Line of code 代码行List box 列表框Local machine 本地计算机Local variable 局部变量Locale 区域设置Logic view 逻辑视图Logical error 逻辑错误Long integer 长整型Loop body 循环体Loop through 遍历MMain entry point 主入口点Main function 主函数Main menu 主菜单Main thread 主线程Managed code 托管代码Manifest 清单Maximize button 最大化按钮MDI child form MDI子窗体MDI parent form MDI父窗体Member function 成员函数Member variable 成员变量Memory allocation 内存分配Memory leak 内存泄漏Menu bar 菜单栏Menu item 菜单项Merge module 合并模块Message Box 消息框Message queue 消息队列Metafile 元文件Method 方法Method call 方法调用Microsoft Developer Network(MSDN) 微软开发者在线帮助Microsoft Intermediate Language(MSIL) Microsoft中间语言Millisecond 毫秒Minimize button最小化按钮Modal dialog box 模式对话框Modal window 模式窗口Multi-dimensional array 多维数组Multiple Document Interface(MDI)多文档界面窗体Multiple Document Interface form MDI窗体Multiple inheritance 多重继承Multiple interface 多重接口Multithreading 多线程NNamespace 命名空间Native code 本机代码Navigation button 导航按钮Node collection 节点集Node object 节点对象Non-abstract method 非抽象方法OObject 对象Object Linking and Embedding (OLE) 对象链接与嵌入Object Oriented Programming (OOP)面积对象编程ODBC data source ODBC数据源ODBC Driver Manager ODBC驱动程序管理器Online newsgroup 联机新闻组Online resource 联机资源Open Database Connectivity(ODBC) 开放式数据库连接Operand 操作数Operator 运算符Operator precedence 运算符优先级Oracle client software Oracle 客户端软件Overhead 系统开销Overload 重载Overloaded method 重载方法Override 重写PPackaging 打包Pane 窗格Parameter 参数Parameterized constructor 参数化构造函数Parent class 父类Parent form 父窗体Parent window 父窗口Performance counter 性能计数器Permission 权限Picture box 图片框Polymorphism 多态Pop-up menu 弹出式菜单Pop-up window 弹出式窗口Preview 预览Primary key 主键Primitive data type 原始数据类型Private access modifier 私有访问修饰符Process 进程Process bar 进度条Project 项目Properties Window 属性窗口Property 属性Property name 属性名称Property value 属性值Protected access modifier 受保护的访问修饰符Prototype 原型Public access modifier 公共访问修饰符QQuery builder 查询生成器Queue 队列RRadio button 单选按钮Read/Write property 读/写属性Read-only property 只读属性Reference type 引用类型Reflection 反射Registry 注册表Registry Editor 注册表编辑器Relational Database Management System (RDBMS)关系数据库管理系统Relational operator关系运算符Release mode 发布模式Rollback回滚Run-time error 运行时错误SScope 作用域Scrollbar 滚动条Selection statement 选择语句Server Explorer 服务器资源管理器Service 服务Service Control Manager(SCM) 服务控制管理器Shortcut menu 快捷菜单Single dimensional array 一维数组Single document interface(SDI) 单文档界面Single inheritance 单一继承Single-dimensional 一维Small icon 小图标Socket 套接字Solution Explorer 解决方案资源管理器Source code 源代码Source language 源语言Stack 堆栈Static property 静态属性Status bar 状态栏Structure 结构Structure variable 结构变量Sub class 子类Suspend 暂挂Synchronization 同步Syntax Error 语法错误TTab control 选项卡控件Tabbed document 选项卡式文档Task List 任务列表Template 模板Ternary operator 三元运算符Text box 文本框Thread 线程Threading 线程处理Tiled 平铺Tool bar 工具栏Tool tip text 工具提示文本Toolbox 工具箱Top down approach 自顶向下法Transaction 事务处理Transmission Control Protocol (TCP) 传输控制协议Traverse 遍历Tray托盘Tree node 树节点Tree view 树视图Trigger 触发器Troubleshoot 排除错误UUmbrella approach 伞形法Unary operator 一元运算符Unboxing 拆箱Underscore 下划线Uniform Resource Identifier 统一资源标识符Uniform Resource Locator 统一资源定位符/器Unit testing 单元测试User Datagram Protocol(UDP) 用户数据报协议User interface editor 用户界面编辑器。

SSH矿建中spring配置步骤

SSH矿建中spring配置步骤
输入sequence ------》(如果有关系表 那么还要选中Enable many-to-many)
---》next -- --》------》 finish 完成
第六步: 开始写底层代码, 先写接口 ---》再写实现类 (实现类要继承hibernateDaoSupport)
写完底层代码 要在 spring.xml文件中 进行配置
在 struts 中配置国际化
<!-- 配置国际化 value 的值 要和 .properties的文件的名称一致-->
<constant name="struts.custom.i18n.resources" value="message"></constant>
在页面中如何应用 国际化
</tag>
第十四步: 创建tree节点
要 导入 dtree.css样式, img图片文件,dtree.js文件
在页面上也要引用
<!-- dree使用的 引入js 和 css -->
<script type="text/javascript" src="js/dtree.js"></script>
和 两个文件(jquery.easyui.min.js,jquery-1.7.2.min.js);
Unable to load configuration. - [unknown location]错误:
解决问题步骤:
第一,jar包冲突,检查项目中的jar包是否同时有
xerce.jar和xml-apis.jar这两个jar包,有的话删除xerce.jar

第3章 Ajax ToolKit 的使用

第3章  Ajax ToolKit 的使用

第3章Ajax ToolKit的使用 AJAX 工具箱(Control Toolkit)是在微软的倡导下采用”开源”的方式,由各个“社区”(Communities)的开发人员或业余爱好者共同进行开发,并且用最快的速度发布,以便更广泛地发动群众参与,并吸取群众智慧。

目前已经发布的比较成熟的成果四十多个,微软还将不断发布新成果(预计每两个月发布一次)。

这些成果中有的是浏览器端控件,也有的是服务器端控件,有的是对原有控件功能的增强,也有的是独立的新控件。

3.1安装 AJAX Control Toolkit控件为了使用 AJAX 的Ajax Control Toolkit控件,需要下载并安装相关控件,步骤如下:1.下载并解压Toolkit控件选择下列URL: /releases/view/33804下载,并将下载的文件解压到指定的目录中。

[注]:按照上面的url下载原来的版本(Original Ajax Control Toolkit).请注意,在这里不要下载 Library Beta 0911。

因为这个版本只能适用于VS 2010版。

2.安装Toolkit控件安装的步骤如下:1)先创建一个网站,并打开一张网页;2)右击工具箱,然后在工具箱中建立一个新标签(Add Tag),例如取名为“Ajax Control Toolkits”;3)右击该标签,选用“选择项目”(Choose Items),并在打开的对话窗口右下方,通过“浏览按钮”(Browse),在前面解压的目录中用鼠标双击“AjaxControlToolkit.dll文件”,最后按“确定”按钮,此时在网站的工具箱中将自动增加40多个Toolkit控件。

下面摘要介绍几个常用的Toolkit控件的使用方法。

需要时可以通过以下网站进一步学习其他控件的使用方法:/ajaxtoolkit/3.2 设计Accordion:可折叠面板Accordion是一个独立的控件. 它是英文"手风琴"的意思,代表这个控件能像手风琴那样折叠或展开.当一个列表中的项目很多,不便于阅读时,可以将列表项先归类到不同的面板中,并允许随时折叠或展开,阅读起来非常方便.网站中的"工具箱"中的控件本身就是用这种方式组织的.3.2.1 Accordion的嵌套结构使用Accordion的关键是,将文档正确地归类并组织成嵌套的结构.1.控件的嵌套结构假定给三个面板进行折叠或展开,其嵌套的代码如下:<form id="form1" runat="server"><div><asp:ScriptManager ID="ScriptManager1" runat="server" /><asp:Accordion ID="Accordion1" runat="server"><Panes><!—第一块面板开始-< asp:AccordionPane ID="AccordionPane1" runat="server"><Header><a href="" onclick="return false">第一页</a></Header><Content><p> 这是第一块面板</p></Content></asp:AccordionPane><!--第二块面板开始→<asp:AccordionPane ID="AccordionPane2" runat="server"><Header><a href="" onclick="return false">第二页</a></Header><Content><p> 这是第二块面板</p></Content></asp:AccordionPane><!--第三块面板开始→<asp:AccordionPane ID="AccordionPane3" runat="server"><Header><a href="" onclick="return false">第三页</a></Header><Content><p> 这是第三块面板</p></Content></asp:AccordionPane></Panes></asp:Accordion></div></form>结果显示如下:代码中需要强调四个问题:1.每个应用Ajax的网页都要首先放入一个ScriptManager控件,其作用主要是当网页打开时将相关的JavaScript代码从服务器送到浏览器,否则控件无法运行.2.各面板的代码都被嵌入到Accordion控件中,每一块面板用AccordionPane控件表示.控件中包括两个字段:<Header></Header>与<Content></Content>前者用于撰写标题;后者撰写实际内容.3.各个面板的Header中用以下代码来实现折叠和展开的操作:<Header><a href="" onclick="return false">第*页</a>属性标签名描述SelectedIndex 该控件初次加载时展开的AccordionPane面板的索引值HeaderCssClass 该Accordion中包含的所有AccordionPane面板的标题区域所应用的CSS ClassContentCssClass 该Accordion中包含的所有AccordionPane面板的内容区域所应用的CSS ClassAutoSize 在展开具有不同高度的AccordionPane面板时,该Accordion的总高度的变化方式。

beans.xml 用法

beans.xml 用法

beans.xml 用法beans.xml 是Spring 框架中用于配置Beans 的XML 文件。

这个文件是Spring 容器启动时读取的主要配置文件,它包含了定义在Spring 容器中的Bean 对象的配置信息。

以下是 beans.xml 的基本用法:1.定义Bean: 在 beans.xml 中,你可以使用 <bean> 元素来定义一个Bean。

例如:这里,id 属性是Bean 的唯一标识符,class 属性指定了Bean 的完整类名。

2. 配置属性: 你可以在 <bean> 元素内部使用 <property> 元素来配置Bean 的属性。

例如:这里,name 属性指定属性的名称,value 属性指定属性的值。

3. 依赖注入: Spring 支持自动装配(autowiring),允许一个Bean 注入另一个Bean。

你可以使用 autowire 属性来指定注入方式。

例如:在上面的例子中,exampleBean2 自动装配了 exampleBean1。

4. 配置多个Bean: 你可以在同一个 <beans> 元素中配置多个Bean。

例如:1.作用域: 使用 <bean> 元素的 scope 属性,你可以指定Bean 的作用域(如"singleton"、"prototype"、"request"、"session"、"application" 等)。

例如:1.事件监听: 使用 <listener> 元素,你可以配置事件监听器。

例如:1.条件注解: 使用 <condition> 和 <when> 元素,你可以根据特定条件配置或排除Beans。

例如:1.自定义标签: 你还可以使用自定义标签来扩展 beans.xml 的功能。

DisplayTag详解

DisplayTag详解

DisplayTag 详解简介Introduction 】DisplayTag 是一个开源的自定义标签库 ( Custom Tag lib ),他提供了直接而有效的格式化web 视图层数据的有效手段。

你可以在现在流行的web 应用的MVC 模式中集成DisplayTag 到View 层,其提供的强大表格格式化功能一定会令你爱不释手。

或许上面说的有些夸张了,但是DisplayTag 在表格的格式化方面表现确实出色,当然,他也只能显示表格,视图层的大部分工作不就是使用表格来格式化数据嘛?!好了,让我们通过图片来看看他是一个什么样子吧“怎么样?是不是感觉不错那?如果答案是肯定的,那么你一定急着想自己试一试咯?!不要急,下面就让我们开始我们的DisplayTag 之旅。

[b]【Hello DisplayTag 】[/b] 既然是一个tutorial ,所以,我们不想对像自定义标签的实现原理等进行解释,也就是说在此之前,我们假定你已经对自定义标签有一定的认识,当然,没有也无所谓,等这篇tutorial完成后,你估计就会了解的差不多了。

呐,让我们从最简单的displaytag 的使用开始,就跟你的第个程序往往是从HelloWorld 程序开始一样。

先忽略其他的配置问题,我们的JSP 文件的源代码如下:实际上,除去初始化和数据准备等操作,生成表格的代码只有行,那就是:而他生成的表格就是这样的:怎么样?是不是很简单那?简单的代码就可以生成如此漂亮的表格,你有理由不用嘛?(因为使用了Struts 的LabelValueBean ,所以表格上显示了原始的title ,不用着急,后面我们将会说道如何修改成你所期待的样子)[b] 【配置configuration 】[/b]Ok ,在我们运用DisplayTag 之前,我们需要对他的使用环境进行一些配置,或许有些复杂,但是,如果你是一个WebApp 老手的话,其实并不难。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

一、概述JSP中有一块重要的技术:自定义标签(Custom Tag),最近这几天在学习Struts的时候发现Struts中使用了很多自定义标签,如html、bean等。

所以我就做了个简单的试验,学习一下这种技术。

首先介绍一下这种技术吧!1.优点:取代了JSP中的Java程序,并且可以重复使用,方便不熟悉Java编程的网页设计人员。

2.开发流程:(1)编写JSP,在JSP中使用自定义标签。

(2)在web.xml中指定JSP中使用的标签的.tld(标签库描述文件)文件的位置。

(3) .tld文件中指定标签使用的类。

3. 自定义标签的分类:(1)简单标签:如< mytag:helloworld/>(2)带属性标签:如<imytag:checkinput dbname = “<myBean.getDBName()>”/>(3)带标签体的标签:在自定义标签的起始和结束标签之间的部分为标签体(Body)。

Body的内容可以是JSP中的标准标签,也可以是HTML、脚本语言或其他的自定义标签。

<mytag:che ckinput dbname = “<myBean.getDBName()>”><mytag:log message=”Table Name”><mytag:checkinput />(4)可以被Script使用的标签:定义了id和type属性的标签可以被标签后面的Scriptlet使用。

<mytag:connection id = “oraDB” type = “DataSource” name = “Oracle”><%oraDB.getConnection(); %>4.接口及其他实际上,自定义标签的处理类实现了Tag Handler对象。

JSP技术在javax.servlet.jsp.tagext中提供了多个Tag Handler 接口,JSP1.2中定义了Tag、BodyTag、IterationTag接口,在JSP2.0中新增了SimpleTag接口。

JSP还提供了上述接口的实现类TagSupport、BodyTagSupport和SimpleTagSupport(SimpleTagSupport只在JSP2.0中才有)。

BodyTagSupport实现了BodyTag、Tag和IterationTag接口。

接口及其方法下表引自Sun的JSP在线教程。

下表中的EVAL是evaluate的缩写,意思是:评价, 估计, 求...的值,在下列的返回值中的意思是执行。

具体用法可以查看其他参考资料。

Sun的Java教程相关部分:/webservices/docs/1.0/tutorial/doc/JSPTags.html二、实验1.试验介绍下面的实验就是基于上述开发流程开发的。

(1)在JSP中指定taglib的uri:<%@ taglib uri="/helloworld" prefix="mytag" %>。

(2)在web.xml中配置tag-location:<taglib><taglib-uri>/helloworld</taglib-uri><taglib-location>/WEB-INF/helloworld.tld</taglib-location></taglib>(3)在tag-location中指定的.tld文件中定义实现标签的处理类:<short-name>mytag</short-name><tag><name>helloworld</name><tag-class>mytag.HelloWorldTag</tag-class><body-content>empty</body-content></tag>(4)执行处理类mytag.HelloWorldTag的doStartTag和doEndTag方法,然后将结果输入到JSP中,和JSP中的内容一起输出。

实际上自定义标签和JSP中的其他的内容被WebServer一起编译成servlet。

2. 完成后的试验的目录结构应用myjsp放在Tomcat的webapps下。

myjsp中包含J2EE标准目录结构:WEB-INF和hello.jsp。

WEB-INF中包含子目录classes和lib及web.xml,tld文件可以放在WEB-INF下,也可以放在WEB-INF的子目录下。

3.开始实验3.1.编写JSP< !—hello.jsp的源码-- ><%@ page contentType="text/html; charset=GBK" %><%@ taglib uri="/helloworld" prefix="mytag" %><html><head><title>jsp1</title></head><body bgcolor="#ffffc0"><h1>下面显示的是自定义标签中的内容</h1><br><br><mytag:helloworld></mytag:helloworld><br></form></body></html>3.2.编写web.xml< !—web.xml的源码-- ><?xml version="1.0" encoding="UTF-8"?><!-- edited with XMLSPY v5 rel. 4 U () by Williams (501) --><!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN""/dtd/web-app_2_3.dtd"><web-app><taglib><taglib-uri>/helloworld</taglib-uri><taglib-location>/WEB-INF/helloworld.tld</taglib-location></taglib></web-app>3.3 编写tld文件< !—helloworld.tld的源码-- ><?xml version="1.0" encoding="ISO-8859-1"?><!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN""/dtd/web-jsptaglibrary_1_2.dtd"><taglib><tlib-version>1.0</tlib-version><jsp-version>1.2</jsp-version><short-name>mytag</short-name><tag><name>helloworld</name><tag-class>mytag.HelloWorldTag</tag-class><body-content>empty</body-content></tag></taglib>3.4 编写标签实现类< !—标签的实现类HelloWorldTag.class的源码-- >package mytag;import java.io.IOException;import javax.servlet.jsp.*;import javax.servlet.jsp.tagext.*;public class HelloWorldTag extends TagSupport {public HelloWorldTag() {}public int doStartTag() throws JspTagException{return EVAL_BODY_INCLUDE;}public int doEndTag() throws JspTagException{try {pageContext.getOut().write("Hello World");}catch (IOException ex) {throw new JspTagException("错误");}return EVAL_PAGE;}}3.5 执行效果部署到Tomcat的WebApps目录下,启动Tomcat,输入:http://localhost:8080/myjsp/hello.jsp “Hello World”就是我们定义的标签部分的处理类输出的结果。

相关文档
最新文档