IView.JS组件应用
对IView.js中基本的组件进行实际的应用举例
SugaryoTT
钱难挣!屎难吃!
展开
-
【VUE】使用Table组件进行数据双向绑定
写在前面的 由于SIMATIC内部的框架有很多,前后端自成一家。不过前端大部分还是使用了vue。以前也听说过.NET版本的前后端分离,但也仅仅局限于听说,这次可是亲身体会到了,对比JAVA,我只能说。。。扎心了老铁们。虽然.NET有微软天生的优势,但是有时候也会捉襟见肘,在只有ASP.NET WEB SERVICE规范和基础框架以及在不使用WCF核心的情况下,框架的效率就要比JAVA的各种原创 2017-11-29 10:26:53 · 14062 阅读 · 14 评论 -
【VUE】IView.js下拉框数据双向绑定
写在前面的 在Iview.js的众多组件中,drop selection也是使用比较频繁的组件之一,下面就用最为简单的方法来实现下拉框中数据的动态绑定。Select Option 组件静态数据绑定首先,我们先了解一下官方API文档中的例子效果图 代码示例:<template> <Select v-model="model1" style="width:200px">原创 2017-12-10 13:49:52 · 11457 阅读 · 14 评论 -
【VUE】迫不得已咱们改一下样式!然后再挂个JS吧!
写在前面的 世事难料,刚刚接触VUE,自己的脑海中还是总带着“页面JS解决一切”的想法。虽然知道外挂JS并不符合整个VUE的思想,但是还是得这么做了。 因为项目原因,我们必须使用Iview.js,因为其本身对页面表格的功能封装的比较完善,所以想要自己再按照需求自定义一些样式或者功能,就比较麻烦了。对于样式而言,修改起来比较容易,我们只需要找到项目文件目录下node_modules–原创 2018-01-06 15:05:50 · 983 阅读 · 18 评论 -
【VUE】.NET实现Tree组件双向绑定数据(1)
写在前面的 由于这个Tree 组件在使用render函数的情况下会变得相对简单一些,但是在后台处理数据的时候依然会碰到相当大的麻烦,索性,我们在后台把树结构拼好,一次性返回给前端页面,这样来的更实际一些。 可能因为IView.js的用户还比较少,网上基本上没有对Tree组件的一些应用,所以自己就写了一套,由于我在使用的过程中,树结构只有三级,所有并没有使用递归,还算是比较简单吧。原创 2017-12-18 11:52:36 · 1417 阅读 · 11 评论 -
【VUE】.NET实现Tree组件双向绑定数据(2)
写在前面的 在之前的文章中我们已经做好了前期的准备工作,接下来我们需要做的有两步,第一步是将用户组资源表中的数据读取出来,按照资源页面的级别,拼装树,这个过程我们只涉及到查询;第二步就是根据页面上用户对树资源的勾选和取消勾选,来实现数据库表的添加和删除。树的拼接首先我们先来做简单的第一步,我们的基本思路是这样:1.首先将用户组资源表中的数据与资源表中的数据作对比,同时将页面资源的等级分开,即分原创 2017-12-19 10:28:11 · 1020 阅读 · 8 评论 -
【VUE】.NET实现Tree组件双向绑定数据(3)-资源分配
写在前面的功能描述代码前端后台总结写在前面的 经过之前树的拼装,基本上已经可以了解到Iview.js中树组件的格式显示,接下来就是有关于树组件中,expand、checked属性,在实际中的一些使用技巧。功能描述首先看一下我们之前拼装好的树形菜单: 我们的目的就是为了将用户修改之后的树结构返回给后台进行处理并保存。代码前端HTML<Button class="search原创 2018-01-04 16:34:58 · 1098 阅读 · 10 评论