首页
学习
活动
专区
圈层
工具
发布

salesforce 零基础学习(四十六)动态美观显示列表中记录的审批状态

项目中,申请者申请某些事项以后,常常需要在申请列表中查看当前申请的记录所在的审批状态,动态美观的显示状态可以使UI更符合客户要求,比如下面这样。...以Goods__c表为例,申请者申请的一些采购以前需要得到批准,申请者列表需要显示所有的申请记录,状态(Status__c)有以下情况:   直线经理审批;   部门经理审批;   总经理审批;   审批通过...实现上述方式主要实现思路:首先通过css画出来审批的步骤图,没有到达的灰色显示,经过或者正在步骤绿色显示,比如当前步骤为部门经理审批,则直线经理审批和部门经理审批节点为绿色,总经理审批和审批通过节点为灰色...然后通过jquery对'查看'设置onmouseenter以及onmouseleave事件,当onmouseenter时,显示状态的div,当onmouseleave时,移出状态的div。...2.流程为总经理审批的效果图显示 总结:此篇主要在业务上描述如何实现更好的UI效果,主要用到的技术其实是css和jquery的居多,篇中显示样式在baidu上copy一些,有需要的可以在此基础上进行更改

1.5K80

RSS消亡史:没有比这更令人扼腕叹息的了!

很明显,web将成为主导技术,因此我开始使用 jQuery、添加 CSS 并创建了一个很小的 HTML 静态页面,该页面通过 AJAX 下载 RSS 内容,对其进行解析,并将标题显示在屏幕上。...当前现状 这些天来,看着老式的 jQuery 总感觉怪怪的,所以我使用 React 迅速地完成了一个单页面应用(SPA)。...使用 节点来定义动态添加元素的布局,比如新闻标题或提要列表中的条目。 仅留下了一个屏幕,减少动画数量。 我在想,如果我在十年前写,没有这么多花里胡哨的现代技术,这将如何实现。...此外,你可以在桌面上创建订阅源,将URL转换成二维码,在移动设备上打开它,这样无需任何后端技术,就可以轻松同步数据。 另一个想要处理的问题是,如何减少标题提要中的帖子数量。...用户可以列出要突出显示的单词和正则表达式,就可以突出显示匹配的标题。 简单、快速、可预测。所以我又回到了每天使用 RSS 的状态。 写在最后 这算是一次愉快的经历吗?算,也不算。

1.8K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery实现用户输入自动完成功能

    利用jQuery UI中Auto-complete插件实现输入自动完成功能,大家在使用诸如淘宝、京东等电商平台搜索商品时,往往只要输入商品的一些特殊字符,就可以显示出和该字符相近的列表菜单,用户使用鼠标或者键盘方向键就可以快速选择...1.最简单的用户输入自动完成 源的自动完成,也可以读取远程的数据源,列如实现从服务器端读取数据源信息。...通过将服务器数据缓存到浏览器中,获取的数据源首先保存在cache变量中。...data.result; //缓存远程数据                 response(data.result);             });         }     }); }); 最后完成的效果和下面淘宝中的一样

    2.2K10

    基于jQuery 常用WEB控件收集

    当链接包括title属性时,它的内容将变成clueTip的标题。clueTip中显示的内容可以通过Ajax获取,也可以从当前页面中的元素中获取。...jQuery Zoomimage 该jQuery插件能够让以当前流行的方式来展示图片。提供:预加载图片提示,对图片进行分组,自动调整图片显示比例,图片分组浏览控制。...jQuery.SerialScroll jQuery plugin: Autocomplete 自动完成输入框值让用户能够快速查找和过滤某些值。...jQuery.xml2json Pirobox 采用jQuery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。...这个jQuery slideshow可以设置当页面打开时自动播放图片并能够将最近查看的图片存储在cookie中。

    10.6K10

    Knockout.js是什么?

    任何时候你的局部UI内容需要自动更新(比如:依赖于用户行为的改变或者外部的数据源发生变化),KO都可以很简单的帮你实现,并且非常易于维护。...2、KO重要特性以及优点 I、KO重要特性 优雅的依赖跟踪-任何时候当数据源模型发生变化时,它都能够自动的更新你UI的指定内容。...声明绑定-它通过简单浅显的方式将你的UI与数据源模型进行绑定,你可以使用任意嵌套的结构模版来组建一个复杂的动态界面。 良好的可扩展性-通过简单的几行代码就可以实现一个自定义行为作为新的声明进行绑定。...思考这样一个例子:在一个表格里显示一个项目列表,统计表格中列表的数量,当项目列表数量小于5时启用“Add”按钮,否则就禁用。...Jquery没有基本的数据模型概念,所以你想要获取项目列表的数量,你需要从表格table/tr/div这些数量上去进行推断才能知道。

    6.6K60

    jeecg一个开源的java开发脚手架

    7.集成工作流activiti,并实现了只需在页面配置流程转向,可极大的简化jbpm工作流的开发;用jbpm的流程设计器画出了流程走向,一个工作流基本就完成了,只需写很少量的java代码;...,自定义表单,表单挂靠,业务流转 10.查询过滤器:查询功能自动生成,后台动态拼SQL追加查询条件;支持多种匹配方式(全匹配/模糊查询/包含查询/不匹配查询); 11.多数据源:及其简易的使用方式...,在线配置数据源配置,便捷的从其他数据抓取数据; 12.国际化:支持多语言,开发国际化项目非常方便; 13.数据权限(精细化数据权限控制,控制到行级,列表级,表单字段级,实现不同人看不同数据...、Select\Radio\Checkbox\PopUP\Date等特殊控件 技术点六:查询过滤器:查询功能自动生成,后台动态拼SQL追加查询条件;支持多种匹配方式(全匹配/模糊查询/包含查询.../不匹配查询) 技术点七:移动平台支持,对Bootstrap(兼容Html5)进行标准封装 技术点八:动态报表功能(用户输入一个sql,系统自动解析生成报表)

    84430

    【微服务】136:非常好用的前端框架Vue

    2异步刷新,操作DOM 2005年开始,ajax逐渐被前端开发人员所重视,因为可以完成页面数据的动态渲染。...命令有很多,但看名字都很简单,做个汇总: 查看NPM版本命令:npm -v nrm安装命令:npm install nrm -g 查看npm的仓库列表命令:nrm ls 使用淘宝镜像源命令:nrm use...②对应模型model 当然这里只是快速学习,自己用一个写好的数据代替即可,并没有从数据库去查询,实际开发过程中是要去数据库查询的。...el:element的简写,通过id选择器确定模块,通过它将视图和模型绑定。 data:就是数据的意思,很好理解。 以前需要使用dom操作将数据渲染到对应的标签,现在数据和view自动就可以完成。...页面上的数据会随着对话框中输入的数值动态变化而变化,点击事件也能完成加一的效果。 最后 谢谢你的观看。 如果可以的话,麻烦帮忙点个赞,谢谢你。

    1.3K30

    JavaEE就业学习路线(给初学者以及自学者一个学习方向)

    第一节 HTML 1-静态页面展示 2-网站信息页面显示 3-网站图片显示 4-网站列表显示 5-网站首页显示 6-网站注册页面显示 7-后台页面的显示 第二节 CSS 1-CSS 的使用 2-CSS...-jQuery下拉列表左右选择 7-jQuery完成表单校验 第五节 BootStrap 1-BootStrap概述 2-BootStrap 栅格 3-BootStrap表单和按钮 4-BootStrap...3-异步校验用户名是否存在 4-完成用户名的校验 5-模仿百度提示页面 6-Jquery完成省市联动(XML数据) 7-Jquery 完成省市联动(JSON数据) 第十五节 Listener和Filter...1-监听器概述 2-监听域对象销毁与创建 3-监听域对象属性的改变 4-监听session中javaBean状态的改变 5-过滤器入门 6-使用过滤器完成自动登陆 7-字符集编码过滤器 第十六节基础加强...4-用户激活 5-登陆功能 6-退出功能 7-分类模块 8-商品模块 9-商品分类 10-登陆功能完善 11-显示商品浏览记录 12-对代码解耦 13-购物模块 14-订单模块 15-我的订单 16-订单查询

    2.9K70

    Mac IntelliJ IDEA 快捷键终极大全,速度收藏!

    (补全任何类、方法、变量) ⌃⇧Space 智能代码补全(过滤器方法列表和变量的预期类型) ⌘⇧↩ 自动结束代码,行末自动添加分号 ⌘P 显示方法的参数信息 ⌃J, Mid. button click...) 三、Usage Search(使用查询) ⌥F7 / ⌘F7 在文件中查找用法 / 在类中查找用法 ⌘⇧F7 在文件中突出显示的用法 ⌘⌥F7 显示用法 四、Compile and Run(编译和运行...(可用于搜索类中的方法) ⌃H` 显示当前类的层次结构 ⌘⇧H 显示方法层次结构 ⌃⌥H 显示调用层次结构 F2 / ⇧F2 跳转到下一个/上一个突出错误或警告的位置 F4 / ⌘↓ 编辑/查看代码源...Ctrl + H ⌘⇧H 显示方法层次结构 ⌃⌥H 显示调用层次结构 F4 / ⌘↓ 编辑/查看代码源 ⌘⌥U 显示类UML图 ⌃J 查看注释 编辑 ⌥⌦ 删除到单词的末尾(⌦键为Fn+Delete)...⌥⌫ 删除到单词的开头 ⌘+ / ⌘- 展开 / 折叠代码块 ⌘F1 在错误或警告处显示具体描述信息 ⌘⌥L 格式化代码 ⌃⌥O 优化import ⇧↩ 开始新的一行 ⌘⇧↩ 自动结束代码,行末自动添加分号

    4.3K30

    一个可视化数据流平台,做大数据的看过来

    数据流列表 查看有哪些数据流任务 数据流画布 支持在一个画布里面完成数据同步,清洗,过滤、报表数据生成等任何操作,全程不需要写任何代码。...发布服务器资源可控,自动容错,节点支持动态扩容,服务节点越多,性能越好。支持多版本,支持回滚。 数据流实时运行日志 数据流发布记录 在这里可以查看历史版本流程、以及支持回退到历史版本。...控制台 ElasticSearch 控制台 等等其他控制台 数据对齐 通过页面简易配置即可能完成两个任意数据源、不同类型数据源数据表、索引等一致性校验,告警、并支持自动化修复!...数据对齐日志 开源快速方便查看任务的运行情况 数据对齐日志详情 针对某次对齐任务,不一致的数据快速查看,并提示出差异字段等。 查询模板 通过查询模板可以快速创建查询任务,支持多种数据源。...不用后端开发再去编写查询报表、对外提供数据查询接口。 查询模板列表 支持版本控制、密钥、权限配置等 查询模板创建 支持动态条件、分表。

    16700

    Github推荐:MySQL DBA不可错过的五大开源管理工具!

    (顺附Github地址,Star数量和提交数量供广大DBA参考) 1、Mycli Mycli项目提供MySQL命令行自动完成和语法高亮显示,它是最流行的MySQL管理工具之一。...使用命令行的过程中,大部分时间都花在了黑色的终端世界。Mycli最好的一点就是语法突出的丰富性。例如,它允许DBA在WHERE子句中将查询字符串中的函数和运算符在视觉上分离出来。...Mycli支持多行查询和语法突出显示,这意味着可以在查看或优化查询时最重要的部分,可以选择多种语法高亮配色方案或创建自己的配色方案。...在Mycli中的智能完成 使用Mmycli,用户可以使用s等来查询,例如 fs myAlias myQuery。 这非常方便,只要需要,就可以使用 f myAlias执行查询。...PhpMyAdmin状态页面显示问题,连接/流程和流量图 可以找到一个“状态”选项卡,动态绘制给定数据库实例问题,连接/进程和网络流量以及“Advisor ”选项卡,显示可能的性能问题列表以及如何修复的建议

    5K111

    SSM框架版本的CRM项目实战教程【crm客户管理系统】

    中间的那部分内容有6个地方需要刷他 (1)点击左侧菜单中的"市场活动"超链接,需要刷新市场活动列表,调用pageList方法 (2)添加,修改,删除后,需要刷新市场活动列表,调用pageList方法 (...5.隐藏域的使用 上面处理完之后,还处在一些问题: 问题1: 在查询框中输入内容,不点击查询按钮 点击分页按钮 结果为查询框中的内容生效了 问题2: 在查询框中输入内容,点击查询按钮 再在查询框中输入内容...,不点击查询按钮 点击分页按钮 结果为新的查询框中的内容生效了 解决上面的问题,就需要使用到隐藏域的内容。...search–>hidden 将隐藏域中的内容保存到查询文本框 6.全选框和复选框的操作 1.挑全选,下面的两个自动选择。...动态生成的元素,我们要以on方法的形式来触发事件 语法: $(需要绑定元素的有效的外层元素).on(绑定事件的方式,需要绑定的元素的jquery对象,回调函数) $("#activityBody").on

    2.8K50

    大型项目技术栈第七讲 Chosen的使用

    Chosen的使用 Chosen是jquery下的一个下拉框插件。它能美化select选择框使其他变的更好看、更方便,同时它更扩展筛选的功能。它可对列表进行分组,同时也可禁用某些选择项。...true 多选框是否在下拉列表中显示已经选中的项 3、select组件属性 组件关键属性就4个如下: data-placeholder:空白点位符,显示默认值 multiple:多选择框属性,如...,初始化选中项,数据渲染 上面介绍了chosen所以的配置,属性,事件,有没有发现问题,chosen渲染不是单独提供数据源,然后根据数据源渲染下拉框的,所以,动态改变下拉框数据只能使用html方式。...: $(".my-chosen-select option:selected") 对于选中的项只能操作selected属性 7、分组显示 要使用分组显示,在html中增加optgroup标签。...html方式,不提供操作单独数据源更新选项的操作。

    5.3K40

    基于SSM框架的迷你天猫商城

    功能概述 迷你天猫商城是一个基于SSM框架的综合性B2C电商平台。 需求设计主要参考天猫商城的购物流程:用户从注册开始,到完成登录,浏览商品,加入购物车,进行下单,确认收货,评价等一系列操作。...4.在IDEA中配置tomcat服务器,并启动项目即可。 注意事项:后台管理界面的订单图表没有数据为正常现象,该图表显示的为近7天的交易额。...:只需前端配置,后台动态拼SQL追加查询条件;支持多种匹配方式(全匹配/模糊查询/包含查询/不匹配查询) 移动平台支持,对Bootstrap(兼容Html5)进行标准封装 灵活的权限控制,可控制到页面或按钮...定时任务,可动态完成任务的添加、修改、删除、暂停、恢复及日志查看等功能 引入swagger文档支持,方便编写API接口文档 国际化(支持多语言,国际化的封装为多语言做了便捷支持) 多数据源(在线配置数据源...此分享的源代码和文章是小编在项目中、学习中整理的一些认为不错的项目。用户产生的一些自愿下载或者付费行为。与平台没有直接关系

    4.6K50

    IntelliJ IDEA 2024.1 更新亮点汇总:全面提升开发体验

    改进了 AI Assistant 中 Java 和 Kotlin 的代码突出显示 最终的 我们在 AI Assistant 的响应中增强了 Java 和 Kotlin 的代码突出显示。...改进的基于编译器的突出显示 到目前为止,如果您在使用基于编译器的突出显示时切换到另一个编辑器,代码会自动重新编译。在版本 2024.1 中,我们对此进行了更改。...这有助于基于编译器的突出显示 .class更快地对源和文件的外部更改做出反应,并避免有效代码为红色的情况。 Scala 构建工具改进 IDE 现在将.gitignore文件添加到新的 SBT 项目中。...Maven工具窗口 中的 Maven 存储库 Maven 存储库列表及其索引状态现在显示在Maven工具窗口中,而不是以前在 Maven 设置中的位置。...框架和技术 改进了 Spring 的 bean 完成和自动装配 最终的 IntelliJ IDEA Ultimate 现在为应用程序上下文中的所有 bean 提供自动完成功能,并自动连接它们。

    7K10

    Python入门之PyCharm的快捷键与常用设置和扩展(Mac系统)

    (补全任何类、方法、变量) ⌃⇧Space 智能代码补全(过滤器方法列表和变量的预期类型) ⌘⇧↩ 自动结束代码,行末自动添加分号 ⌘P 显示方法的参数信息 ⌃J, Mid. button click ...) Usage Search(使用查询) ⌥F7 / ⌘F7 在文件中查找用法 / 在类中查找用法 ⌘⇧F7 在文件中突出显示的用法 ⌘⌥F7 显示用法 Compile and Run(编译和运行) ⌘...(可用于搜索类中的方法) ⌃H 显示当前类的层次结构 ⌘⇧H 显示方法层次结构 ⌃⌥H 显示调用层次结构 F2 / ⇧F2 跳转到下一个/上一个突出错误或警告的位置 F4 / ⌘↓ 编辑/查看代码源 ⌥...H ⌘⇧H 显示方法层次结构 ⌃⌥H 显示调用层次结构 F4 /⌘↓ 编辑/查看代码源 ⌘⌥U 显示类UML图 ⌃J 查看注释 编辑 ⌥⌦ 删除到单词的末尾(⌦键为Fn+Delete) ⌥⌫ 删除到单词的开头...“代码自动完成”时间延时设置 > Code Completion -> Auto code completion in (ms):0 -> Autopopup in (ms):500 3.

    5.1K80

    用 jQuery 和 Bootstrap 在 WordPress 中添加进度条

    思路其实挺简单的,就是动态获取到已经翻译了几篇,除以总数得到百分比,并让页面上的进度条部分根据这个百分比变化就行了。...方法还是有挺多的,很多JavaScript的库都可以实现这个功能,但是因为WordPress里已经自动加载了jQuery了,所以就不想再引入其他库了,而且这个需求也很简单,用jQuery就足够了。..., 很强大,可以用各种过滤条件动态查找文章并显示出来 在页面上加上如下的 shortcode,就可以把所有标签为 genesis-explained 的文章按顺序查出来并显示(默认显示10篇, 多于10...display-posts的查询很强大,支持各种条件 第二步 因为用display-posts显示出来的列表自带了一个css样式,所以可以很容易用jQuery选择器来获取到文章数量: ?.../ 15) *100) + "%" 第三步 数据有了,那么还需要在页面上加一个div区域,可以让jQuery来动态更新区域的内容,很简单,编辑页面,插入一段html <div class="progress

    2.3K40

    五大开源MySQL管理工具!

    (顺附Github地址,Star数量和提交数量供广大DBA参考)   1、Mycli   Mycli项目提供MySQL命令行自动完成和语法高亮显示,它是最流行的MySQL管理工具之一。   ...使用命令行的过程中,大部分时间都花在了黑色的终端世界。Mycli最好的一点就是语法突出的丰富性。例如,它允许DBA在WHERE子句中将查询字符串中的函数和运算符在视觉上分离出来。...Mycli支持多行查询和语法突出显示,这意味着可以在查看或优化查询时最重要的部分,可以选择多种语法高亮配色方案或创建自己的配色方案。   ...▲在Mycli中的智能完成   使用Mmycli,用户可以使用 s等来查询,例如 fs myAlias myQuery。 这非常方便,只要需要,就可以使用 f myAlias执行查询。   ...▲PhpMyAdmin状态页面显示问题,连接/流程和流量图   可以找到一个“状态”选项卡,动态绘制给定数据库实例问题,连接/进程和网络流量以及“Advisor ”选项卡,显示可能的性能问题列表以及如何修复的建议

    3.1K10
    领券