如何在CRM Online 2013中使用Javascript查询保存在记录批注中的图像

时间:2014-07-25 08:06:04

标签: javascript dynamics-crm-2011 odata crm dynamics-crm-online

我的实体中的每条记录附有一张图片。我想将这些图像显示在Web资源的记录中,就像记录图片一样。我使用以下代码:

function GetData(){
//  var base64image = document.getElementById('image').src.substr(document.getElementById('image').src.indexOf('base64')+7);

    var recordId = window.parent.Xrm.Page.data.entity.getId();  
    var serverUrl = Xrm.Page.context.getServerUrl().toString();
    var ODATA_ENDPOINT = "XRMServices/2011/OrganizationData.svc";
    var objAnnotation = new Object();
    var ODATA_EntityCollection = "/AnnotationSet";
    var temp= "/AnnotationSet?$select=DocumentBody,FileName,MimeType,ObjectId&$filter=ObjectId/Id eq guid'" + recordId + "'";
    var result =serverUrl + ODATA_ENDPOINT + ODATA_EntityCollection + temp; 


    // Parse the entity object into JSON 
    var jsonEntity = window.JSON.stringify(objAnnotation);

    // Asynchronous AJAX function to Create a CRM record using OData 
    $.ajax({
        type: "GET",
        contentType: "application/json; charset=utf-8",
        datatype: "json",
        url: result ,
        //data: jsonEntity,
        async: false,
        beforeSend: function (XMLHttpRequest) {
            XMLHttpRequest.setRequestHeader("Accept", "application/json");
        },
        success: function(status){
            alert("success paa jee!!");
        },
        error: function (xmlHttpRequest, textStatus, errorThrown) {
            alert("Status: " + textStatus + "; ErrorThrown: " + errorThrown);
        }
    });
}
</script>

但是当我到达Ajax部分时,我收到错误$ is undefined。基本上每个记录在附加到实体记录的注释中都有一个图像,我想在Web资源中将此图像显示为记录图片。

如果有更好/更好的方式,我愿意接受建议。

编辑:我编辑了代码并更新了ODATA网址。

1 个答案:

答案 0 :(得分:2)

在CRM 2011中,我使用two自定义Aspx pages来显示附加图像。

第1页:AccountImage.aspx具有以下控件:

<asp:Image ID="IMG_Logo" runat="server" Height="50px" ImageUrl="AccountImageForm.aspx" Visible="false"  />

In AccountImage.aspx On PageLoad

if (Request.QueryString["id"] != null)
{
   Id = new Guid(Request.QueryString["id"]);
   if (!IsPostBack)
   {
      ResetCache();
   }
   ShowImages();
}

ShowImages()函数的代码如下:

function ShowImages()
{
  IMG_Logo.Visible = false;
  QueryExpression query = new QueryExpression("annotation");
  query.Criteria.AddCondition("objectid", ConditionOperator.Equal, Id);
  query.Criteria.AddCondition("mimetype", ConditionOperator.In, new string[] { "image/x-png", "image/pjpeg", "image/png", "image/jpeg" });
  query.Criteria.AddCondition("subject", ConditionOperator.NotEqual, "membershipcardthumbnail");
  query.Criteria.AddCondition("subject", ConditionOperator.NotEqual, "membershipcardimage");
  query.ColumnSet = new ColumnSet(true);
  EntityCollection AllLogoImageNotes = Common.Common.RetrieveMultiple(query);
  if (AllLogoImageNotes.Entities.Count > 0)
        {
         foreach (Entity Note in AllLogoImageNotes.Entities)
            {
            if (Note.Attributes.Contains("subject") && Note.Attributes.Contains("documentbody"))
                {
                    if (Note["subject"].ToString().ToLower() == "accountlogoimage")
                    {
                        HttpRuntime.Cache.Remove("AccountLogoImage");
                        HttpRuntime.Cache.Remove("AccountLogoImageType");
                        HttpRuntime.Cache.Add("AccountLogoImage", Convert.FromBase64String(Note["documentbody"].ToString()), null, DateTime.Now.AddMinutes(5), TimeSpan.Zero, CacheItemPriority.Normal, null);
                        HttpRuntime.Cache.Add("AccountLogoImageType", Note["mimetype"].ToString(), null, DateTime.Now.AddMinutes(5), TimeSpan.Zero, CacheItemPriority.Normal, null);
                        IMG_Logo.ImageUrl = "AccountImageForm.aspx" + "?time=" + DateTime.Now.ToString();
                        IMG_Logo.Visible = true;
                       }
                }
            }
        }
  }

如您所见,下面一行:

IMG_Logo.ImageUrl = "AccountImageForm.aspx" + "?time=" + DateTime.Now.ToString();

AccountImageForm.aspx下面写下代码:

protected void Page_Load(object sender, EventArgs e)
    {
        Response.Clear();
        if (HttpRuntime.Cache["AccountLogoImage"] != null)
        {
            Response.ContentType = HttpRuntime.Cache["AccountLogoImageType"].ToString();
            byte[] data = (byte[])HttpRuntime.Cache["AccountLogoImage"];
            Response.BinaryWrite(data);

        }
    }

在ODATA中,您可以执行以下操作:

  retrieveImages("/AnnotationSet?$select=DocumentBody,MimeType&$filter=ObjectId/Id eq guid'" + Xrm.Page.data.entity.getId()+ "'", function (JsonObject) {
    if (JsonObject != null) {
        //  debugger;
            var ByteString= JsonObject[0].DocumentBody;
            var MimeType =  JsonObject[0].MimeType
    }


 function retrieveImages(query, SuccessFunc) {
var retrieveRecordsReq = new XMLHttpRequest();
var ODataPath = Xrm.Page.context.getServerUrl() + "/xrmservices/2011/OrganizationData.svc";
retrieveRecordsReq.open('GET', ODataPath + query, false);
retrieveRecordsReq.setRequestHeader("Accept", "application/json");
retrieveRecordsReq.setRequestHeader("Content-Type", "application/json; charset=utf-8");
retrieveRecordsReq.onreadystatechange = function () {
    if (this.readyState == 4 /* complete */) {
        if (this.status == 200) {
            this.onreadystatechange = null; //avoids memory leaks
            var data = JSON.parse(this.responseText, SDK.REST._dateReviver);
            if (data && data.d && data.d.results)
                SuccessFunc(JSON.parse(this.responseText, SDK.REST._dateReviver).d.results);
        }
        else {
            alert(SDK.REST._errorHandler(this));
        }
    }
};
retrieveRecordsReq.send();
}