minui 向div放html,jQuery MiniUI开发系列之：HTML标签配置

全部使用Javascript写一个界面，是一件很困难的事。

1)要求有较高的Javascript编程能力。

2)会造成“代码树”问题。一级又一级子"children"，需要"{"和"}"对应，嵌套层次过多，会是一场灾难。

3)难以排错。JS是解释性语言，漏掉个","、"}"号，运行的时候才发现，而且很难直接定位到行。

4)维护困难。一个开发者写的复杂JS代码，另一个开发者很难接手。

5)布局困难。需要复杂的布局控件，并且难以做到原生HTML+CSS方式的布局效果。

MiniUI给开发者推荐的开发方式，是使用HTML标签来配置出界面，而不是用JS来生成。

比如创建一个DataGrid：

url="../data/dataservice.aspx?method=SearchEmployees"  valueField="id"

>

员工帐号

姓名

复制代码

如果是Javascript的方式，可以这样写：

var grid = new mini.DataGrid();

grid.set({

url: "../data/dataservice.aspx?method=SearchEmployees",

style: "width:700px;height:280px;",

valueField: "id",

columns: [

{ type: "indexcolumn" },

{ field: "loginname", width: 120, headerAlign: "center", allowSort: true },

{ field: "name", width: 120, headerAlign: "center", allowSort: true }

]

});

grid.render(document.body);

复制代码

以上创建一个单独的表格控件，还看不出两种开发方式的差别。

下面我们来创建一个稍微复杂一点的表单：

姓名：		地址：
性别：		年龄：
备注：

复制代码

呈现效果如下：

如果完全用Javascript开发这个表单，代码量显然会增加很多，而且不易修改和扩展。

使用HTML标签的组件生成方式，开发者可以使用HTML+CSS的开发经验，轻松实现，灵活布局。

jQuery MiniUI开发系列之：创建组件对象

jQuery MiniUI可以使用Javascript和Html两种方式来创建对象. 1)Javascript创建对象 使用JavaScript创建对象,是最基本的方式,有如下几个要点: 1)使用ne ...

jQuery MiniUI开发系列之：安装部署

jQuery MiniUI是一套纯Javascript的WebUI控件库,它由几十个Javascript控件组成,是不依赖服务端和数据库的. 下载jQuery MiniUI,解压缩后,开发者可以直接在 ...

jQuery MiniUI开发系列之：UI和数据分离

使用MiniUI需要注意:UI和数据是分离的. 传统的WEB开发,开发者经常将数据库操作.服务端业务.HTML标签写在一个页面内. 这样会造成开发的混乱,并且难以维护和升级. 使用MiniUI开发的时 ...

jQuery MiniUI开发系列之：数据验证

在开发应用系统界面时,往往需要进行很多.复杂的数据验证,当填写的数据符合规定,才能提交保存. jQuery MiniUI提供了比较完美的表单数据验证和错误显示的方式. 常见的表单控件,都有一个验证事件 ...

jQuery MiniUI开发系列之：使用API文档

jQuery MiniUI在组件设计上,是简约.独立的,没有复杂的继承体系. 比如使用DataGrid,可以在api文档的datagrid部分,查找到datagrid的所有属性.方法.事件,而无需关注 ...

jQuery MiniUI开发系列之：Ajax处理超时、服务端错误

MiniUI所有组件的ajax交互,均使用标准.成熟的jQuery.ajax. 依赖于jquery ajax组件的完善性,我们可以拦截住每一次ajax请求处理. 比如,拦截ajax返回数据前,判断返回 ...

jQuery MiniUI 开发指南+API组件参考手册

jQuery MiniUI 开发指南 本文档将逐步的讲解jQuery MiniUI的方方面面,从此您将踏上jQuery MiniUI的深入探索之旅.                 1.Hello M ...

thinkphp+Jquery MiniUI 开发 管理系统

Jquery Miniui JS 兼容IE6+的浏览器,非常适合在企业内部使用. 管理系统等都非常方便. 在企业内部正在使用的是前期asp.net +fineui实现的管理系统.经过了几年的实践检验. ...

ABP开发框架前后端开发系列---(12)配置模块的管理

一般来说,一个系统或多或少都会涉及到一些系统参数或者用户信息的配置,而ABP框架也提供了一套配置信息的管理模块,ABP框架的配置信息,必须提前定义好配置的各项内容,然后才能在系统中初始化或者通过接口查 ...

随机推荐

文件并发(日志处理)--队列--Redis+Log4Net

多线程操作同一个文件时会出现并发问题.解决的一个办法就是给文件加锁(lock),但是这样的话,一个线程操作文件时,其它的都得等待,这样的话性能非常差.另外一个解决方案,就是先将数据放在队列中,然后开启 ...

41. Unique Binary Search Trees && Unique Binary Search Trees II

Unique Binary Search Trees Given n, how many structurally unique BST's (binary search trees) that st ...

(状压) Marriage Ceremonies (lightOJ 1011)

http://www.lightoj.com/volume_showproblem.php?problem=1011 You work in a company which organizes mar ...

【狼窝乀野狼】Excel那些事儿

在工作中我们常常遇到Excel表格,不管是数据的导入导出,还是财务统计什么都,都离不开Excel,Excel是我见过的最牛逼的一个软件(可能我的见识少)没有之一:如果你只停留在Excel处理数据,统计 ...

【强烈推荐】《剑指Offer：名企面试官精讲典型编程题》一书中IT名企经典面试题

各位程序猿:         一书源自该书作者何海涛坚持更新与编写的博客(http://zhedahht.blog.163.com/),该博客收集整理了大量如微软.Goo ...

Html内容超出标记宽度后自动隐藏

我们在显示长文本时,往往需要去在C#端去截取字符,但这绝对不是一个好方面,因为我们的长文本往往都是代HTML标记的,你一个载不好,就会出现乱码问题(出现半个HTML标记),而比较好的作法就是通过CSS ...

springBoot actuator监控配置及使用

准备环境: 一个springBoot工程 第一步:添加以下依赖 org.springframework.boot

bzoj 1307/1318 玩具 线段树+记录时间戳

玩具 Time Limit: 10 Sec  Memory Limit: 162 MBSubmit: 743  Solved: 404[Submit][Status][Discuss] Descrip ...

Weka 算法大全

关联规则挖掘 (一)  Apriori (二)  FilteredAssociator (三)  FPGrowth (四)  GeneralizedSequentislPatterns (五)  Pr ...