TopJUI
前端框架TopJUI前端框架
纯HTML调用功能组件，不用写JS代码的EasyUI，专注你的后端业务开发！
EasyUI是比较流行的前端框架，适用于企业信息系统或网站后台管理，随着IE所占市场份额越来越小，EasyUI的兼容性也越来越强，但在开发过程中，对于EasyUI稍微复杂的组件功能，大多需要通过手写JS代码实现，因此增加了开发难度，降低了开发效率。
我们在企业信息系统的开发过程中，经过近两年时间的研发，通过封装EasyUI组件功能，同时在EasyUI原有组件的基础上，扩展了常用的组件功能，整合了常用的第三方插件，形成具有特色的，通过纯HTML调用组件功能的TopJUI前端框架，目前已成功应用在多个企业信息管理系统中。
扩展的组件功能
主子表关联、查找带回、自动完成，多级联动、动态联动、多项选择、按钮启动弹窗/Tab页、通用过滤、通用自定义查询、通用导入/导出等组件功能
整合第三方插件
KindEditor/UEditor编辑器、附件上传、Echarts图表等插件
使用文档及演示
GIT下载：http://git.oschina.net/xvpindex/TopJUI
用户名密码均为topjui（数据库每5分钟自动还原，测试时可修改数据，但不要修改用户密码）
-
TopJui 踩坑事项 这是一个前言。至于为什么用这个框架，也是无奈，遍寻度娘基本上没有什么文档是关于TopJui，所以一切你遇到没法解决没有前例可寻的坑，请上网找一下easyui的相关解决办法，如果还是找不到那你就换种方式吧！ 1.表格渲染 <div id="rechageDatagrid-toolbar" class="topjui-toolbar" data-options=" grid:{
-
JQuery Easyui/TopJUI表格基本的删除功能（删除当前行和多选删除） 需求：数据表格datagrid实现删除当前行和多选删除的功能。 html <a href="javascript:void(0)" data-toggle="topjui-menubutton" data-options=" btnCls:'topjui-btn-red', onClick:delRow, icon
-
这里给联动进行一个简单定义：因Combobox选择或输入的值发生改变时对自身或者其它组件产生影响称为联动。（注：editable确定是否可以手动输入） 有两种实现方法： 一、自己写对应的onChange、onSelect方法进行联动。这种方法灵活性强一些。 注意这两个方法的激发条件即可，尤其注意在数据赋值而激发的负面影响，会导致loadData事件失效。 详细可参考JQuery/EasyUI内的文
-
JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能 JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能 html <table id="productDg"></table> <!-- 表格工具栏开始 --> <div id="productDg-toolbar" class="topjui-toolbar" data-optio
-
function getTabWindow() { var curTabWin = null; if (topJUI.config.aloneUse) { curTabWin = window; } else { var curTab = parent.$('#index_tabs').tabs('getSelected');
-
$('#dg').datagrid({ rownumbers:true, //行号 singleSelect:true, //单选 autoRowHeight:false, //自动行高 pagination:true, //显示表格下面的分页插件 fitColumns:true, //字段自动分配 collapsible:true, //表单收缩 checkOnSelect : false, t
-
1.掌握datagrid的创建方式在html中直接定义与在js中定义 可参考easyui的官方文档：http://www.jeasyui.net/plugins/183.html 2.实现代码如下：重点掌握数据域的属性，事件，列的属性，事件 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text
-
1.创建combobox的方法 常用的一种是通过Js定义，一种是通过在input输入框中定义，还有一种通过在selete标签中定义，可以去看easyui的官方文档 http://www.jeasyui.net/plugins/169.html 补充：dataoptions是easyui的新特性，可以在里面定义属性，方法，样式等 2.掌握combobox的属性 去参考easyui的官方文档，这里对自
-
Form(表单) 使用$.fn.iForm.defaults重写默认值对象 form提供了各种方法来操作执行表单字段，比如：ajax提交, load, clear等等。当提交表单的时候可以调用validate方法检查表单是否有效。 创建一个简单的HTML表单。构建一个包含id、action和method值的表单元素。 Name: Email: ... 使普通表单成为ajax提交方式的表单。 $('
-
1、TopJUI集合了EasyUI,layui,bootstrap等开源的前端源码为基础，进行扩展，封装的一个收费框架！说实话，用这个框架，确实可以快速的开发后台的系统（ERP等），功能确实强大，但是我真心觉得文档写的不怎样，并且，也存在一些兼容性问题，必须要用框架里的属性，有些原生的属性和js,会和框架的冲突！要想用好这个框架，必须静下心来，慢慢研究！哥们。也是研究了1个多月，才能熟练的使用这个
-
前端框架图图形展示： 如上图所示，WeX5前端框架（UI2）分以下部分： 基础库 WeX5前端依赖的两个基础库：数据感知MVVM和jQuery，其中数据感知MVVM基于Knockoutjs改进的。 模块框架 UI2遵循AMD模块标准，采用RequireJS实现。模块化是UI2的基础，UI2的所有资源（包括js、css和html等）都是模块，都采用模块化方式引入，采用模块化方式管理依赖。 组件框架
-
AKjs前端框架是Andrew.Kim和他的团队一起研发的基于jQuery的一个轻量级前端框架。它是只要懂jQuery的语法很容易上手的框架。该框架里面现在发布了很多移动端常用的功能效果；开发者们使用过程中功能插件也可以自己扩展增加。另一方面，它是相当于一个丰富的组件化UI框架，优点是开发要前后端分离，项目开发过程中后端通过ajax调用数据的机制。 AKjs是一个基于jQuery的一套构建用户界面
-
前端技术看起来很繁荣，测试、打包、调试等工具都比较丰富，开发效率比原生开发要高很多。在大型项目中使用前端框架也是一个管理应用好方法，这样更方便于长期维护。 然而，Weex并不是一个前端框架。实际上，前端框架仅仅是 Weex 的语法层或称之为 DSL (Domain-specific Language)，它们与原生渲染引擎是分离的。换句话说，Weex 并不依赖于特定的前端框架，随着前端技术的发展，W
-
Mooa 是一个为 Angular 服务的微前端框架，它是一个基于 single-spa，针对 IE 10 及 IFRAME 优化的微前端解决方案。 Mooa 概念 Mooa 框架与 Single-SPA 不一样的是，Mooa 采用的是 Master-Slave 架构，即主-从式设计。 对于 Web 页面来说，它可以同时存在两个到多个的 Angular 应用：其中的一个 Angular 应用作为主
-
本文向大家介绍前端轻量级MVC框架CanJS详解，包括了前端轻量级MVC框架CanJS详解的使用技巧和注意事项，需要的朋友参考一下 选择正确的库 创建一个JS APP没有好的工具是很有难度的，jQuery只是操作DOM的库，没有提供任何创建APP的基础，这就是为什么我们要一个类似CanJS的专门的库。 CanJS 是一个轻量级的MVC库，提供你创建一个JS APP所需的工具。 CanJS 是一个轻
-
将 package.json 中的 Ionic 版本改为 2.0.0 的时候，我就思考一个问题。这个该死的问题是——我到底要用哪个框架继续工作下去。 刚开始学习前端的时候，SPA（单页面应用）还没有现在这么流行，可以选择的框架也很少。而今天，我随便打开一个技术相关的网站、应用，只需要简单的看几页，就可以看到丰富的前端框架世界 Angular 2、React、Vue.js、Ember.js。 当我还