最近使用vant UI写移动端,感觉还不错 功能挺全的,带的还有省市区三级联动. 但是 突然遇到一个 产品要传的 省市区的code码,还和vant的 邮编不一样,我*****. 看了一下vant UI提供的api有提供 Picker 选择器的api,哇,心里美滋滋,但是我api提供的只有二级联动,我****,没事凭我的本事,琢磨个一两个月还不是问题的,哈哈. vant Picker 选择器 开始======================> 首先看一下接口返回的数据结构吧,省市区三级联动,每一级

做了这么多项目,经常会使用到级联.联动的情况. 如:省.市.县.区.一级分类.二级分类.三级分类.仓库.货位. 方式:有表单需要做级联的,还是表格行上需要做级联操作的. 实现:实现方法也有很多种方式.有封装好的控件,有用纯js控制的,有用Knockout实现的.还有用服务器端控件实现的.但控制表格级联方法都不太好控制,甚至做不到. 那在SNF快速开发平台上如何实现呢?下面看一下做的几种演示样例: 1.有使用EasyUI+JS控制的方式,有Knockout绑定方式实现的,还有框架特殊末级级联法.如

返回目录 对于下拉列表框的绑定在之前的knockoutjs文章中已经介绍过,今天主要说一下级联的select,事实上,在knockoutjs里,是以数据绑定为中心的,而数据是以面向对象为前提的,而对于级联绑定来说,它也是一种面向对象里关系对象的体现,有了关系对象,我们就可以把级联很容易的开发出来,而不用像之前JS那么麻烦了. 准备数据对象 var Grade_Subject_R = function () { var self = this; self.Grades = [ { 'subject

下拉框级联选择功能非常的实用,框架用户管理编辑界面对组织机构的选择在3.2版本中新增了级联选择的支持,让组织机构的选择更加的方便与高效,也不容易出错. 我们框架的组织机构结合实际分成了5种类型,分别为:公司.分公司.部门.子部门.工作组.不同的企业可以根据实际需要进行取舍.用户编辑界面的组织机构选择控件使用了EasyUI的combobox控件,级联的选择主要使用了此控件的onChange事件. 级联选择效果如下图所示: 下面给出增加用户JS部分的代码参考. AddUser: function (

程序功能: 使用ComboBox做级联,数据源为XML文件,适合小数据量呈现 程序代码: <Window x:Class="WpfApplication1.LayouTest" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:core=&

在.NET开发过程中时常会遇到“在选定的数据源上未找到名为“TitleSub”的字段或属性”的错误”,导致这类错误的原因有很多,在我的项目中,详细情况是这样:1.有两个控件:DropDownList类型的ddlTbName和DridView类型的gridDetail:2.ddlTbName绑定的是数据表的名称,gridDetail绑定的是每个表对应的字段,二者级联绑定:3.由于两个表的字段不一样,结果在选择不同的表时,老师报上面的错 解决办法:每次在绑定gridDetail前,首先清空gridD

报错 $ cnpm run build > mpvue-qq@1.0.0 build D:\wamp\www\wxsmallsoft\mini-0212\mpvueQQ > node build/build.js wx internal/modules/cjs/loader.js:596 throw err; ^ Error: Cannot find module 'escape-string-regexp' at Function.Module._resolveFilename (inter

克隆仓库 克隆后,将dist目录下的所有文件复制到项目中的/static/vant/目录下,vant目录是我自己创建为了区分的 git clone https://github.com/youzan/vant-weapp.git 注意:一定要确保复制完全了,我当时复制的时候common文件夹没复制过来,就出现错误了! 引入 直接在用的页面的main.json中引用了,这里的配置是根据我的目录结构来的,如果你和我前面的操作一致,那么直接复制粘贴就可以了,不然就要自己修改哦~ "usingCompo

无论是单轴曲线 .双轴曲线 .柱形图 .饼图 .雷达图 .仪表图.图表引擎全能为您轻松实现.您只需要 3 步操作(数据源准备,设计图表,挂接到您想要展示的位置)便可完成 BI 的设计. 无论是普通报表.交叉报表 .复杂分组统计报表 .填报报表 .表单报表全可轻松实现,并且拥有单元格合并.数据钻取穿透 ,自定义的查询功能.导出 word,导出 Excel,导出 PDF 等特性,当然报表打印和报表套打也是报表引擎的强项. 1.1.      图表案例展示  雷达图 1.2.      图表案例展示

SNF快速开发平台成长史 SNF框架CS\BS 视频教程 https://pan.baidu.com/s/1dFegFKX SNF开发机器人教程:链接:https://pan.baidu.com/s/1Qpomg11c_1b1NKY5P7e4Bw 密码:jwc3 2018年:开启新纪元-SNF软件开发机器人时代 1-5月份在研发 SNF软件开发机器人,并取得了很好的业绩.http://www.cnblogs.com/spring_wang/category/1168789.html 可以通过配置

我们在做项目当中会经常用到按时间进度查看任务,其通过条状图来显示项目,进度,和其他时间相关的系统进展的内在关系随着时间进展的情况. 甘特图包含以下三个含义: 1.以图形或表格的形式显示活动: 2.通用的显示进度的方法: 3.构造时含日历天和持续时间,不将周末节假算在进度内. 简单.醒目.便于编制,在管理中广泛应用.   在我们的CS框架当中也进行集成了甘特图进行显示我们的生产订单及生产任务进度情况,和完成情况.如下: ---------------------------------------

审核流设计和使用参考以下资料: 审核流设计 http://www.cnblogs.com/spring_wang/p/4874531.html 审核流实例 http://www.cnblogs.com/spring_wang/p/4874584.html 本文主要介绍一下,审核流在审核过程当中,审核人会接到审核提示邮件,并且不需要登录系统直接在邮件里进行审核处理.通过联网和单点登录与邮件发送技术来实现. 下面以一个请购单为例 2.当单据提交之后,接受审批的人就会接到一封邮件如下:(按审核人在用户

名片管理实际的做的意义在于演示应用,在这里使用的技术有排序控件,查询条件.自由样式瀑布流式分页等技术. 下面是自由样式效果图: 下面表格样式效果图: 具体操作: 新增名片 在新增时可以上传图像进行裁剪组件处理(公用组件): ------------------------------------------------------------------------------------------------------------------------------------------

1.   表格单元格合并组件 1.1.      效果展示 1.1.1.    页面展现表格合并单元格 图 4.1 1.1.2.    导出excel合并单元格 图 4.2 1.2.      调用说明 1.2.1.    表格合并单元格调用说明 首先,要有一个在viewModel中绑定的表格,例如,我们有一个绑定对象为this.grid的表格 我们要在表格的onLoadSuccess事件中添加一个方法 snf.mergeCellsByParentField ("grid", &quo

1.   单据状态水印 1.1.      效果展示 1.2.      调用说明 与easyui的调用方式类似,可以在js中调用,也可以在html中写好所有属性,直接渲染. 如下,在html中写好所有属性时,需要将所有属性写在标签的status-bind属性中,statusType为audit时,表示审核状态,审核状态值包含AuditPass,AuditQuash,AuditReject,Close,Making,Pause,WaitForAudit,statusValue表示默认值, lef

1.   瀑布式分页 目前已经比较流行了,以往的这种点击分页已经不能满足广大网民的需求了.像百度图片等等,网站都有滚动滚轮直接分页的功能,这样体验也确实好了不少,所以我们也决定在我们的框架内进行集成此功能.一种针对于我们的表格控件进行瀑布式分页,另一种是针对于网页自定义样式瀑布式分页. 1.1.      效果展示 1.1.1.    表格瀑布式分页 图 3.1 1.1.2.    任意文本的瀑布式分页 图 3.2 1.2.      添加引用 <script src="~/Content

1.   高级查询 在我们做项目的时候经常想要按名称.编号进行查询数据,可在开发时会把最常用的查询条件写上,不常用的就不写了,也是因为把所有字段都写上太多了,布局不好看而且不实用.还有些查询条件几百年用那么一次,也不能用到时调整一下程序.基于这些考虑我们做的一个高级查询组件,可以把所有列都作为查询条件,把最常用的查询条件还正常放在页面上.点击高级查询按钮后,会有所以列作为筛选条件方便进行查找,别如果本次条件比较多还可以保存起来为一个查询方案,下次时可以方便再次查询. 1.1.      效果展示

1.    自由排序功能使用 在一些需要排序优先级的数据进行调整处理,如民族数据,在北方实施的时候汉族比较多,希望把汉族放在第一位.在蒙古实施项目时,蒙古族人最多把蒙古族放在第一选择位. 1.1.      效果展示 图 1.1 1.2.      调用说明 1.2.1.    定义自由排序模型 this.freeSort = new snf.freeSortOptionsModel();//自由排序模型 self.freeSort.set({ grid: self.grid, NameSpac

百度开源项目echars图表样式非常丰富,而且开源免费.非常好.所以在我们框架当中也进行了集成echars完成图表任务. 我们进行了两次封装,利于我们开发使用.我也看到过有些架构师 按echars里的最小对象进行做成对应的类实体.使用时再按模型进行组装数据再进行显示. 我们并没有采用大多数上述方法,我们采取了最为简单简洁的方法进行实现,按不同类型直接利用C#的动态类型组成所需数据结构.这样就简化了非常多,而且应变echars升级改动更灵活. 我们封装了,柱状系列图.饼形系列图.雷达系列图.线形系

在我们做项目的时候,经常会有移动平板处理检验,审核等,方便移动办公.这时就需要在现场拍照上传问题,把当场问题进行上传,也有已经拍完照的图片或加工过的图片进行上传.还有在车间现场一体机,工控机 这种产物,显示的样式跟PC上还是有所差别的,需要放大一些,因为都是触控屏的.方便操作. 一.演示及使用效果 1.1.一体机,工控机 1.2.平板程序,拍照上传,上传附件 1.3.二维码扫描识别 二.调整方法 2.1.DEMO样例 2.2.样例调用代码: public partial class QRCode