北大高科web框架简易教程

《北大高科web框架简易教程》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、北大高科web框架教程CreatedbyJunCreatedon2010-6-24北大高科Web页面框架帮助文档第32页北大高科web框架教程CreatedbyJunCreatedon2010-6-24目录1.1概述41.2文件引入41.3页面布局51.3.1简单布局51.3.2再布局71.4Pku命名空间101.4.1getDom(el):101.4.2getPku(el):101.4.3getExt(el):101.5核心panel面板容器111.5.1简单的panel容器111.5.2复杂的panel容器111.5.3获取panel容器对象131.

2、6tabpanel页签容器131.6.1简单的tabpanel容器131.6.2复杂的tabpanel容器141.7Grid网格容器151.7.1GridPanel构造151.7.2数据源store161.7.3列模式colmodel171.7.4样例及显示效果171.8Treepanel树面板181.8.1Treepanel构造181.8.2xtype="root"节点191.8.3xtype="loader"节点201.8.4样例及显示效果211.9Window窗口面板211.9.1Window窗口构造211.9.2样例及显示效果231.10Form

3、表单231.10.1Form对象构造231.10.2样例及效果241.10.3form常用方法251.11Form表单元素261.11.1普通input输入控件261.11.2数字型input输入控件301.11.3浮点型input输入控件301.11.4字典型input输入控件301.11.5日期型input输入控件301.11.6日期时间型input输入控件301.11.7查询型input输入控件301.12Toolbar工具条30第32页北大高科web框架教程CreatedbyJunCreatedon2010-6-241.12.1Toolbar构造

4、301.12.2样例及显示效果311.13Button按钮和Menu321.13.1Button构造321.13.2Menu构造321.14Ext事件331.14.1onExt+大写开头的Ext事件名331.15Pku.Common常用方法331.15.1createDocument(strData,isUrl)331.15.2getNode(objXML,nodePath,index)331.15.3getNodeValue(objXML,nodePath,index)331.15.4setAttribValue(objXML,nodePath,att

5、ribName,attribValue)341.15.5getOpXml(form,isDom)341.15.6getQryXml(form,isDom)341.15.7getEmptyQryXml()341.15.8setEditValue(xmldoc,form,rootEl)351.15.9getRootXml(isDom)351.15.10addRootXml:function(xmldoc,isDom)35第32页北大高科web框架教程CreatedbyJunCreatedon2010-6-241.1概述Web框架是针对extjs的封装，Ext

6、提供了好的页面布局方式、功能强大的组件、优质的页面风格，但是如果直接使用Ext又是较为复杂的，不仅要从头学习EXT框架，而且Ext是通过js函数创建页面的，这就不得不为每个页面都编写一个相对应初始化函数，这会使得开发人员要将大量的时间放在页面的制作上，而无法集中精力专注在业务组件的开发上，所以我们针对Ext框架进行再封装，将配置项写在div标签上，根据对应的xtyp自动构造ext对象。开发人员可以不用深入掌握Ext框架，只需要开发者编写少量的html代码，也可以做出很炫的页面。当然你也可以使用newExt的控件渲染到页面，两者可以混合使用。Web框架中的

7、页面配置大多数和Ext的配置项相同，少量不同的再下面介绍组件的篇章会提到。框架的常用方法都在Pku.Common中，其他方法都是Ext的方法，大家可以参考ExtAPI。Web框架支持Ext的所有事件，调用方式请参考“Ext事件”篇章。开发者通常通过Pku.getExt("id")就可以得到Ext组件的原始对象，然后用这个对象再调用Ext的方法。1.2文件引入要在页面上使用该框架需要引入相关的js文件：

8、et"type="text/css"href="css/style.css"/>