框架组件:《一起学如何开发一个轻量级JQUERY UI框架》系列,将从一个服务器码农的视角,以学习的态度,逐步完成一个简单的轻量级jquery ui框架,该框架包含了一般管理平台中需要用到的工具栏组件(toolbar)、布局组件(layout)、面板组件(panel)、树组件(tree)、标签组件(... Read More
需求:(1)可伸缩、扩大、缩小(2)可自定义工具栏(依赖工具栏控件),工具栏可定义位置(3)可加装远程数据实现图例客户代码 function addMoreTools() { var toolbar = panel.panel("getToolbar"); ... Read More
需求: (1)实现元素可拖拽 (2)自定义拖拽范围 (3)自定义按下触发拖拽的元素 (4)支持拖拽过程中的事件监听实现思路: 元素可拖拽的实现关键为,mousedown、mousemove、mouseup三大事件。mousedown为按下触发拖动的事件,可以定义到元素本身或其他元素;mou... Read More
前言在常用的UI组件中,树形组件与数据列表组件可以说是构成一个管理平台基本的两大数据核心组件。树形组件用于系统菜单,数据列表用于数据表现,两者配合即可完成一个简单的数据系统。要实现一个支持复选、工具栏定义的无限级树形组件需要对树的递归创建、树的复选递归有很好的把握,特别是树形在复选情况下的表现样式,... Read More
布局需求(1)支持横向生成布局项即可,不需要纵向生成布局。(2)支持布局项右侧收缩功能(3)支持自定义布局项图标、标题,并提供动态修改布局项图片和标题的api(4)支持JSON/html/iframe 三种数据加载方式(5)提供动态修改请求参数(url、参数)并可以重新加载数据的api(6)layo... Read More
面板需求:(1)支持可拖拽,面板将作为后期的布局组件、window组件、alert组件的基础。(2)支持自定义工具栏,工具栏位置定义在面板底部,工具栏依赖toolbar组件。(3)支持加载JSON,HTML,IFRAME三种数据格式的请求,支持动态reload重加载,重装时可以重新设置参数和url。... Read More
工具栏需求:(1)要求工具栏可以通过JSON配置格式生成,这样可以从服务器端控制生成的JSON来控制UI层面的按钮状态(2)可以自定义按钮的图标样式。(3)可以定义按钮事件,按钮事件需要支持以字符串形式定义(服务端对应的按钮JSON配置里的事件配置为字符串形式)(4)支持工具栏全局事件,即点击任意按... Read More
概要组件交互基础,即考虑在JQUERY对象下($)下扩展所有组件都需要用到的通用api,如ajax入口、对表单的操作、html片段加载、通用的配合datagrid通用的curd客户端对象等。扩展api如下一、ajax设计 (1)统一ajax请求的流程预计数据返回格式、ajax请求的数据返回格式如下... Read More
需求:(1)实现手风琴面板控件,支持静态HTML与JSON方式创建控件(2)支持远程加载数据(3)支持面板激活、远程加载事件注册(4)支持动态添加、删除项目实现图例客户代码 项目1项目1项... Read More
需求(1)支持iframe、html、json格式的tab内容远程请求(2)支持动态添加tab(3)支持远程加载完成监听,支持tab激活事件监听(4)支持reload tab内容【如果是远程加载】(5)支持邮件菜单【未实现】实现图例客户代码 1 2 3 无题 4 ... Read More
需求:1.根据无限级的树形结构的json生成树菜单2.树样式可以是图标类型和简单类型3.可以自定义节点的图标4.支持复选框5.支持懒加载方式请求数据6.支持节点点击事件7.只有右键菜单【未实现】8.支持拖拽调整节点【未实现】实现图例客户代码 1 2 3 4 5... Read More
需求: (1)实现无数量限定列模式布局,仅支持列方式布局即可。 (2)布局项可以定义是否需要面板(面板依赖于面板组件)。 (3)可以自定义布局大小或者自适应。 (4)可以自定义是否可以拖拉改变大小。 (5)可以自定义是否可以收起。实现图例:客户代码: ... Read More