在Dynamics 365中使用SURVEYJS代替对话(Dialog)制作话术

本人微信和易信公众号：微软动态CRM专家罗勇，回复269或者20180318可方便获取本文，同时可以在第一间得到我发布的最新的博文信息，follow me！我的网站是 www.luoyong.me 。

微软官方有个文档：Important changes coming in Dynamics 365 Customer Engagement ，文档中明确提到，已经不推荐使用对话(Dialogs are deprecated)，当然，它原生不支持多语言，这也是一个缺点(可以动脑经通过获取当前用户语言打开不同的Dialog来模拟支持多语言)，原文如下：

Dialogs are deprecated

You can use a Dialog process to create an interactive step-by-step data entry form that requires user input to start and run to completion. When you start the dialog process, a wizard-like interface is presented; users make selections or enter data as they progress through each page of the wizard.

Dialogs are deprecated and are replaced by mobile task flows (available as of the December 2016 update), and business process flows. Both task flows and business process flows will continue to evolve to make the transition easier.

那我们如果要制作像对话一样的东西，可有类似的Js框架可以使用？搜索了一下找到了一个，叫做 SURVEYJS，官方网址是 https://surveyjs.io ，开源的(看起来是使用TypeScript写的)，MIT协议，该协议是可以商用的，需要保留版权和许可信息，下面这张图表明了MIT协议的特征：

因为还会用到它的一个css文件，我也上传下，如下图：

然后我用代码做个简单的例子吧，它支持多语言，这对于全球部署很重要，建立如下的Web资源来展示：

代码如下：

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>罗勇测试SURVEYJS</title>

    <script type="text/javascript" src="../../common/js/jquery.min.js"></script>

    <script type="text/javascript" src="../../common/js/survey.jquery.min.js"></script>

    <script src="../../../ClientGlobalContext.js.aspx" type="text/javascript"></script>

    <link href="../../common/css/survey.css" type="text/css" rel="stylesheet" />

</head>

<body>

    <div id="surveyElement"></div>

    <div id="surveyResult"></div>

    <script type="text/javascript">

        var mycustomSurveyStrings = {

            pagePrevText: "My Page Prev",

            pageNextText: "My Page Next",

            completeText: "OK - Press to Complete",

        };

        Survey.surveyLocalization.locales["my"] = mycustomSurveyStrings;

        Survey.StylesManager.applyTheme("default");

        var json = {

            title: "素格格新疆特产店调查问卷",

            pages: [

                {

                    title: "购买次数",

                    questions: [

                        {

                            type: "radiogroup", name: "buytime", isRequired: true, colCount: 3, title: "你在素格格新疆特产店购买过几次？",

                            choices: [

                            "0",

                            "1",

                            "2",

                            "3",

                            "4",

                            "5",

                            "6",

                            "7",

                            "9"

                            ]

                        }

                    ]

                },

                {

                    title: "出售产品",

                    questions: [

                    {

                        type: "checkbox", name: "products", title: "Plese select from the list",

                        colCount: 4, isRequired: true, title: "素格格新疆特产店主要出售哪些产品?",

                        choices: ["巴旦木", "碧根果", "葡萄干", "无花果", "纸皮核桃", "开心果", "葡萄酒", "牛肉干",

                            "奶酪", "纯牛奶", "香蕉牛奶", "天山乌梅", "蜂蜜", "青川黑木耳", "茶树菇", "香菇"]

                    }

                    ]

                },

                {

                    title: "请告知我们你的姓名和邮箱",

                    questions: [

                    { type: "text", name: "name", title: "姓名:" },

                    { type: "text", name: "email", title: "邮箱:" }]

                }]

        };

        window.survey = new Survey.Model(json);

        survey.onComplete.add(function (result) {

            document.querySelector('#surveyResult').innerHTML = "result: " + JSON.stringify(result.data);

            var clientURL = GetGlobalContext().getClientUrl();

            var req = new XMLHttpRequest()

            req.open("POST", encodeURI(clientURL + "/api/data/v8.0/ly_tests"), true);

            req.setRequestHeader("Accept", "application/json");

            req.setRequestHeader("Content-Type", "application/json; charset=utf-8");

            req.setRequestHeader("OData-MaxVersion", "4.0");

            req.setRequestHeader("OData-Version", "4.0");

            req.onreadystatechange = function () {

                if (this.readyState == 4 /* complete */) {

                    req.onreadystatechange = null;

                    if (this.status == 204) {

                        var testUri = this.getResponseHeader("OData-EntityId");

                        Xrm.Utility.alertDialog("创建成功的罗勇测试试题记录的URI: " + testUri)

                    }

                    else {

                        var error = JSON.parse(this.response).error;

                        Xrm.Utility.alertDialog("创建罗勇测试实体记录出错." + error.message);

                    }

                }

            };

            var test = {};

            test.ly_name = result.data.name;//单行文本

            test.ly_optionset = 364750000 + Number(result.data.buytime);//选项集

            test.ly_multilinetext = result.data.products.join('/');//多行文本

            test.ly_singlelinetext = result.data.email;

            req.send(JSON.stringify(test));

        });

        survey.locale = 'zh-cn';

        $("#surveyElement").Survey({

            model: survey

        })

    </script>

</body>

</html>

我这里让用户点击命令栏按钮执行如下代码来打开这个Web资源：

    var recordId = Xrm.Page.data.entity.getId();

    var recordType = Xrm.Page.data.entity.getEntityName();

    var webResourceName = "ly_/test/page/SURVEYJSTest.html";

    Xrm.Utility.openWebResource(webResourceName + "?typename=" + recordType + "&id=" + recordId, null, 800, 600);

效果如下图，可以看到默认的主题效果还是不错的：

我这里提交后利用填写的资料向CRM插入了一条记录：

插入记录的详情如下，可以看到插入记录的值是填写的值。

在Dynamics 365中使用SURVEYJS代替对话(Dialog)制作话术的更多相关文章

自定义工作流活动报错：您无法登陆系统。原因可能是您的用户记录或您所属的业务部门在Microsoft Dynamics 365中已被禁用。
本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复265或者20170926可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyong.me ...
将Dynamics 365中的用户及其角色、角色导出到Excel中
关注本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复240或者20161204可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyong. ...
Dynamics 365中的应用程序介绍
本人微信和易信公众号:微软动态CRM专家罗勇 ,回复275或者20180630可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyong.me ...
Dynamics 365中配置和使用文件夹级别的跟踪(folder-level tracking)
本人微信和易信公众号:微软动态CRM专家罗勇 ,回复274或者20180630可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyong.me ...
Dynamics 365工作流报错：您无法登陆系统。原因可能是您的用户记录或您所属的业务部门在Microsoft Dynamics 365中已被禁用。
本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复265或者20170926可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyong.me ...
Dynamics 365中开发和注册插件介绍
我是微软Dynamics 365 & Power Platform方面的工程师罗勇,也是2015年7月到2018年6月连续三年Dynamics CRM/Business Solutions方面 ...
Dynamics 365中部分账号使用系统明显缓慢怎么办？先这么干！
摘要: 本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复263或者20170828可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyon ...
Dynamics 365中自定义工作流活动获取的上下文分析及注意事项
关注本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复244或者20170306可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyong. ...
Dynamics 365中的非交互式账号(Non-interactive User)介绍
摘要: 本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复272或者20180616可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyon ...

随机推荐

Python课程学习总结
Python的介绍 Python是一种高级动态.完全面向对象的语言,函数.模块.数字.字符串都是对象,并且完全支持继承.重载.派生.多继承,有益于增强源代码的复用性. Python是一种计算机程序设计 ...
一个自己研究出来的字符串匹配算法-k子串算法
前言最近工作中需要写一个算法,而写完这个算法我却发现了一个很有意思的事情.需要的这个算法是这样的:对于A,B两个字符串,找出最多K个公共子串,使得这K个子串长度和最大.百度之没有这样的算法,然后就开 ...
算法与数据结构(四) 图的物理存储结构与深搜、广搜(Swift版)
开门见山,本篇博客就介绍图相关的东西.图其实就是树结构的升级版.上篇博客我们聊了树的一种,在后边的博客中我们还会介绍其他类型的树,比如红黑树,B树等等,以及这些树结构的应用.本篇博客我们就讲图的存储结 ...
安卓开发学习笔记（二）：如何用Android Stuidio在res资源下创建xml视图文件
笔者在看了相关的教程之后发现教程当中的资源已经过时了.当我们在创建了一个新的空白的工程之后,会发现其文件夹下面的分文件夹目录和官方的教程文件结构完全不同,因此会引起很多误解.笔者使用的是最新版的And ...
SDL 开发实战（七）：使用 SDL 实现 PCM播放器
在上文,我们做了YUV播放器,这样我们就入门了SDL播放视频.下面我们来做一个PCM播放,即使用SDL播放PCM数据. 下面说明一下使用SDL播放PCM音频的基本流程,主要分为两大部分:初始化SDL. ...
[Swift]LeetCode517. 超级洗衣机 | Super Washing Machines
You have n super washing machines on a line. Initially, each washing machine has some dresses or is ...
Xapian的内存索引
关键字:xapian.内存索引 xapian除了提供用于生产环境的磁盘索引,也提供了内存索引(InMemoryDatabase).内存索引.我们可以通过观察内存索引的设计,来了解xapian的设计思路 ...
Nginx篇--解读nginx配置
一.前述之前讲解了Nginx的源码安装与加载到系统服务中去,http://www.cnblogs.com/LHWorldBlog/p/8298226.html今天详细讲解Nginx中的具体配置. 二 ...
Hive篇--相关概念和使用二
一.基本概念 Hive分桶: 1.概念分桶表是对列值取哈希值的方式,将不同数据放到不同文件中存储.对于hive中每一个表.分区都可以进一步进行分桶.(可以对列,也可以对表进行分桶)由列的哈希值除以桶 ...
【java提高】---java反射机制
java反射机制一.概述 1.什么是反射机制反射机制是在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法:对于任意一个对象,都能够调用它的任意一个方法和属性:这种动态获取的信息以及动态 ...

在Dynamics 365中使用SURVEYJS代替对话(Dialog)制作话术

Dialogs are deprecated

在Dynamics 365中使用SURVEYJS代替对话(Dialog)制作话术的更多相关文章

随机推荐

热门专题