iteye_20428-CSDN博客

原创 javascript控件开发之滚动条控件

在网页中，本身就有滚动条，在显示文本内容的时候，原始的滚动条已够用，一般如果我们想实现一个类似列表的控件时，也可以把所有的列表数据输出到一个完整的标签，再嵌入到一个DIV中即可，然而如果数据量达到几千行时，完全生成的话，将会非常的占用内存，因此较好的办法是用虚拟展示的方式，所谓虚拟展示就是把数据用一个数组存储，然后只生成可见部分的DOM元素，比如可见行是10行，那就创建10个，通...

2014-10-02 17:57:35 273

原创 javascript控件开发之工具栏控件

在前几篇的基础上，本篇将开发工具栏控件，工具栏控件一般包括三部份，1、toolBar控件，简单说就是工具栏容器，2、toolButton控件，即工具栏上的按钮控件，该按钮控件包括图标和文字两部份，3、则是分隔符控件，一般分隔符控件也是在toolButton控件基础上引申出来的，为了简单易学，我们这里直接用上一篇的控件作为toolBar控件使用，也就是我们这次编写出来的toolBu...

2014-06-10 23:30:41 436

原创 javascript控件开发之布局控件

上篇写完了页面控制器，本篇接着写下一个控件--布局控件，布局控件在系统开发中不算最重要，但也是起着举足经重的作用，相信做过网页的应该了解，在Html中页面布局是一件让人蛋痛的事情，有时候花一天都搞不定，因此所有控件开始之前，先把布局控件做好，后续有部份控件需要从这布局控件继承。在html标签中，有外边距、内边距、还有边框、坐标这几样属性，这几项控制好，布局的大方向基本能做好，...

2014-05-14 22:44:57 413

原创 javascript控件开发之页面控制器

本篇，我们主要实现页面控制器，简单说就是用于控制当前html对应的js类,我们将在上一篇的基础上继续增加新的代码，首先，我们在common文件夹下添加pageControllor.js文件，该文件，继承com.baseObject对象,代码比较简单，主要目的是要把页面上的控件对象，移到控制器类中[code="javascript"]/** * 页面控制基类 * 创建：qzz...

2014-05-01 11:46:13 222

　　上一篇我们写完了可见窗口的基础控件，本篇我们来实现一个简单的按钮控件，虽然这个控件类似，但是自定义的空间却无限的大，首先我们在component\ui\目录下添加com.ui.button.js文件，定义com.ui.button控件，继承com.ui.window控件，重写create, render, doMouseDown, doMouseUp, _doResize事件，另外给容器thi...

2014-04-23 23:07:36 256

原创 javascript控件开发之可见控件(2)

经过上一篇，我们开始了可见控件的实现，考虑控件会用到键盘及鼠标，因此在上一篇控件com.ui.window基础上，我们再添加事件的处理，添加函数_sysEvent及_clearEvent[code="javascript"] /** * 系统事件. */ _sysEvent:function(){ var _t...

2014-04-19 23:06:13 89

原创 javascript控件开发之可见控件(1)

上一篇写了第一个基础控件，本篇我们开始编写可见控件com.ui.window.js,首先，在component文件夹下面添加ui文件夹，并在ui文件夹下添加com.ui.window.js文件，并添加初始化方法，init、create、render、_doResize方法window类继承com.baseObject类，init 重写基类的方法，主要添加dom占位元素，是否由dom创...

2014-04-18 00:29:41 119

原创 javascript控件开发之控件初体验

此篇开始，我们正式进入了控件开发之旅，首先，一套好用的控件，要有一套实用的继承关系，我这里先列出初步的类关系图，大致如下com.baseObject +--com.list +--com.treeNode +--com.treeList +--com.ui.window +--com.ui.scrollBar ...

2014-04-12 22:26:47 141

原创 javascript控件开发之渲染对象

前面我们写了文件加载，类继承，都比较基础，有了前面的框架，后边我们还需要一个可见控件的渲染对象，也是我们本章讲的重点，主要目的是跟据我们在dom元素上的配置，渲染出我们想要的效果，例如我们在div上配置一个code="com.ui.Botton"属性，就跟据指定的com.ui.Botton.js类来绘制我们的按钮，实现思路是先读取所有的dom元素，查看是否有指定code的元素在，...

2014-04-10 21:37:23 265

原创 javascript控件开发之继承关系

经过上一篇，我们实现了文件的动态加载，为了能方便编写控件，后续我们将采用类似继承的关系，编写多个js文件，并动态加载到页面上，在此我们编写一个函数，用于虚拟继承，在目录common下添加extend.js文件，并定义函数Extend，其中带三个参数，第一个参数，为基类，第二个参数为子类，第三个参数为绑定this状态,为了方便，我们参数做了兼容处理，即可以只有子类childC...

2014-04-08 00:09:25 89

原创 javascript控件开发之动态加载(2)

上一篇在init.js文件内编写了加载对象，在这基础上，在init.js文件内再定义一个全局变量，及一个起始函数（startup），在body加载完成后执行，另外要再准备一个可供加载js的文件，在common目录下新增加一个文件，staticScript.js,代码中只有一个数组对象，为了验证加载的情况，我们再添加一个简单的样式com.comStyle.css文件，文件...

2014-04-07 19:34:26 105

原创 javascript控件开发之动态加载(1)

做了几年开发，平时看着会做框架的高手，那个羡慕妒忌恨呀，有闲的时候，总会想，要是自己能做一个框架该多好呀，经过一段时间的积累，有了一点点进步，于是决定亲手开发一个框架，本系列主要做一些初步的框架，希望自己学习，希望也能帮到跟我一样有梦想的人。所谓框架，就是基于它，能很方便的进行业务开发，减少技术上的时间花费，通过了解那么多框架后，你是否也有想从0开始，自己开发一个呢！如果有...

2014-04-07 11:56:03 310

iteye_20428的博客