本人微信和易信公众号： 微软动态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协议的特征：

闲话少说，我们来讲讲如何用，我这里使用JQuery版本吧，首先需要利用Web资源功能新建一个JQuery的Web 资源，这个很多项目有我就不多说了。然后下载SURVEYJS，下载的比较大，3M多，我到 https://jscompress.com/ 网站将其压缩后只有 483k了(注意默认的压缩去掉了版权声明等注释，不符合使用协议，我这里没有时间去继续研究了)，勉强可以，创建的Web资源如下：

因为还会用到它的一个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)制作话术的更多相关文章

  1. 自定义工作流活动报错：您无法登陆系统。原因可能是您的用户记录或您所属的业务部门在Microsoft Dynamics 365中已被禁用。

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

  2. 将Dynamics 365中的用户及其角色、角色导出到Excel中

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

  3. Dynamics 365中的应用程序介绍

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

  4. Dynamics 365中配置和使用文件夹级别的跟踪(folder-level tracking)

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

  5. Dynamics 365工作流报错：您无法登陆系统。原因可能是您的用户记录或您所属的业务部门在Microsoft Dynamics 365中已被禁用。

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

  6. Dynamics 365中开发和注册插件介绍

    我是微软Dynamics 365 & Power Platform方面的工程师罗勇,也是2015年7月到2018年6月连续三年Dynamics CRM/Business Solutions方面 ...

  7. Dynamics 365中部分账号使用系统明显缓慢怎么办？先这么干！

    摘要: 本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复263或者20170828可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyon ...

  8. Dynamics 365中自定义工作流活动获取的上下文分析及注意事项

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

  9. Dynamics 365中的非交互式账号(Non-interactive User)介绍

    摘要: 本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复272或者20180616可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyon ...

随机推荐

  1. Vue 单文件原件 — vCheckBox

    简书原文 做东西一向奉行的是致简原则,一定要让使用者简单 这是我在使用 Vue 一段时间后尝试制作的一个小玩意 我希望可以做一堆这样的小玩意,随意组合使用,感觉挺好的 源码在最后 演示DEMO 示例: ...

  2. 用R处理一组数据的三种方式

    USArrests是R附带的一个数据集,现在我们需要创建一个factor向量urbancat,如果UrbanPop列的某个值在中位数之上,就把urbancat对应位置的值设为1,否则设为0. 这种数据 ...

  3. ArrayList源码理解

    ArrayList是基于数组实现的,是一个动态数组,其容量能自动增长,类似于C语言中的动态申请内存,动态增长内存. ArrayList不是线程安全的,只能用在单线程环境下,多线程环境下可以考虑用Col ...

  4. Java设计模式之单例模式，笔记完整到不敢想象

    单例模式: 作用 保证一个类只有一个实例,并且提供一个访问该实例的全局访问入口 单例模式的常用 1.Windows的任务管理器2.Windows的回收站,也是一个单例应用3.项目中的读取配置文件的对象 ...

  5. [Swift]LeetCode670. 最大交换 | Maximum Swap

    Given a non-negative integer, you could swap two digits at most once to get the maximum valued numbe ...

  6. [Swift]LeetCode868. 二进制间距 | Binary Gap

    Given a positive integer N, find and return the longest distance between two consecutive 1's in the ...

  7. [Swift]LeetCode907. 子数组的最小值之和 | Sum of Subarray Minimums

    Given an array of integers A, find the sum of min(B), where B ranges over every (contiguous) subarra ...

  8. 工作5年的Java程序员，才学会阅读源码，可悲吗？

    最近一位5年开发经验的群友与我聊天 他说:最近慢慢的尝试去看spring的源码,学习spring,以前都只是会用就行了,但是越是到后面,发现只懂怎么用还不够,在面试的时候经常被问到一些开源框架的源码问 ...

  9. ReentrantLock 实现原理

    使用 synchronize 来做同步处理时,锁的获取和释放都是隐式的,实现的原理是通过编译后加上不同的机器指令来实现. 而 ReentrantLock 就是一个普通的类,它是基于 AQS(Abstr ...

  10. Webpack+Vue如何导入Jquery和Jquery的第三方插件

    创建一个jquery-vendor.js文件 import $ from 'jQuery'; console.log($); window.$ = $; window.jQuery = $; expo ...