lightning lookup field

Hi Experts,

I am creating one lightning page. The lightning page have 3 lookup fields. i have created but when we pass the id's then only the record is saved. when pass the lebels the page throughing the invalid field type. so please any one know the answer please reply me asa soon as posible. please find below my code

Visualforce page:
<apex:page showHeader="true" sidebar="true" standardController="Recipient__c" extensions="CreateRecipientController">
<html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<head>
      <apex:stylesheet value="{!URLFOR($Resource.SLDS, 'assets/styles/salesforce-lightning-design-system-vf.css')}" />
      <apex:stylesheet value="{!URLFOR($Resource.SLDS, 'assets/styles/salesforce-lightning-design-system.css')}" />

</head>

<apex:remoteObjects >
<apex:remoteObjectModel name="Recipient__c" fields="Id">
      <apex:remoteObjectField name="Name" jsShorthand="RecipientName"/>
      <apex:remoteObjectField name="Partner_Group__c" jsShorthand="PartnerGroup"/>
      <apex:remoteObjectField name="Account__c" jsShorthand="Account"/>
      <apex:remoteObjectField name="Request__c" jsShorthand="Request"/>
      <apex:remoteObjectField name="Actor_Type__c" jsShorthand="ActorType"/>
   </apex:remoteObjectModel>
</apex:remoteObjects>

<body>
<div>
<div aria-hidden="false" role="dialog" class="slds-modal slds-modal--large slds-fade-in-open">
    <div class="slds-modal__container">
      <div class="slds-modal__header">
        <h2 class="slds-text-heading--medium">Select Recipient</h2>
        <button class="slds-button slds-modal__close">
          <svg aria-hidden="true" class="slds-button__icon slds-button__icon--inverse slds-button__icon--large">
            <use xlink:href="/assets/icons/action-sprite/svg/symbols.svg#close"></use>
          </svg>
          <span class="slds-assistive-text">Close</span>
        </button>
      </div>

       <div class="slds-modal__content">
        <div class="slds-grid slds-grid--align-space">

       <div class="slds-media__body">
        <p class="slds-text-heading--label">Information</p></div>
        </div>

        </div>

        <div class="slds-modal__content">
        <div class="slds-grid slds-grid--align-space">

           <div class="slds-col--padded-large">

                  <label class="slds-form-element__label " for="Name">Recipient Name</label>
                  <div class="slds-form-element__control "><input id="Name" class="slds-input" type="text" placeholder="Recipient"/></div>



                <div class="slds-lookup" data-scope="single" data-typeahead="true">
                    <label class="slds-form-element__label " for="request">Request</label>
                      <div class="slds-form-element__control ">
                          <input type="text" id="request" class="slds-input" placeholder="Request" />
                      </div>
                 </div>


             </div>

            <div class="slds-media__body">
                  <p class="slds-text-heading--label"></p></div>

            <div class="slds-col--padded-large">

                <div class="slds-lookup" data-scope="single" data-typeahead="true">
                    <label class="slds-form-element__label " for="account">Partner Group</label>
                      <div class="slds-form-element__control ">
                          <input type="text" id="partnerGroup" class="slds-input" placeholder="Partner Group" />
                      </div>
                 </div>

                 <div class="slds-form-element">
                      <label class="slds-form-element__label" for="actorType">Actor Type</label>
                      <div class="slds-form-element__control">
                        <select id="actorType" class="slds-select" onchange="filtertime(this.options[this.selectedIndex].value);">
                                 <option selected="selected" disabled="true">--None--</option>
                              <apex:repeat value="{!InAdvanceToValues}" var="fil">
                                        <option value="{!fil.Value}">{!fil.Label}</option>
                                </apex:repeat>
                        </select>
                      </div>
                    </div>
                    <div class="slds-lookup" data-scope="single" data-typeahead="true">
                    <label class="slds-form-element__label " for="account">Account</label>
                      <div class="slds-form-element__control ">
                          <input type="text" id="account" placeholder="Account" class="slds-input" onClick="on();"/></div>
                    </div>
                    </div>
        </div>
      </div>
      <div class="slds-modal__footer">
        <button class="slds-button slds-button--brand slds-m-top--medium" type="button" onClick="save();">Save</button>
        <button class="slds-button slds-button--neutral slds-m-top--medium" type="button" onClick="saveAndNew();">Save and New</button>
        <button class="slds-button slds-button--neutral slds-m-top--medium" type="button" onClick="cancel();" >Cancel</button>

      </div>

     </div>
</div>
<div class="slds-modal-backdrop slds-modal-backdrop--open"></div>
</div>
</body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="https://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css"/>
     
    <script type="text/javascript">

    function on(){
       var j$ = jQuery.noConflict();

        j$(document).ready(function(){
            j$("#account").autocomplete({
                source : {!$RemoteAction.CreateRecipientController.receiveAccountSObject}
            });
        });
        }
</script>

<script type="text/javascript">
       var j$ = jQuery.noConflict();

        j$(document).ready(function(){
            j$("#partnerGroup").autocomplete({
                source : {!$RemoteAction.CreateRecipientController.receivePartnerSObject}
            });


        });
</script>

<script type="text/javascript">

       var j$ = jQuery.noConflict();

        j$(document).ready(function(){

        console.log({!$RemoteAction.CreateRecipientController.receiveRequestSObject});
            j$("#request").autocomplete({
                source : {!$RemoteAction.CreateRecipientController.receiveRequestSObject},
                select: function( event , ui ) {
   // alert( "You selected: " + ui.item );
   console.log(ui.item);
}
            });
        });

</script>

<script>
function searchAccount(){
var Varaccount = document.getElementById("account").value;
console.log('AccountId'+Varaccount);
}

function save() {

var varrecipient = document.getElementById("Name").value;
var varrequest = document.getElementById("request").value;
var varactortype = document.getElementById("actorType").value;
var varaccount = document.getElementById("account").value;
var varpartnergroup = document.getElementById("partnerGroup").value;
alert('test:'+varrecipient+" : "+varrequest+":"+varactortype +":"+varaccount+":"+varpartnergroup);
var Recipient = new SObjectModel.Recipient__c();
Recipient.create(
{
    RecipientName : varrecipient,
    Request : varrequest,
    Account : varaccount,
    PartnerGroup : varpartnergroup,
    ActorType : varactortype

},

function(error, records)
{
    if (error) {
    alert('hklasjhsakjh');
      alert(error.message);
    } else
    {
    window.parent.location.href ="https://gs0.lightning.force.com/one/one.app#/sObject/"+records+"/view";
    }
});
alert('hiiiiiiiii');

return false;
window.parent.location.reload(true);

}

function saveAndNew(){
var varrecipient = document.getElementById("Name").value;
var varrequest = document.getElementById("request").value;
var varactortype = document.getElementById("actorType").value;
var varaccount = document.getElementById("account").value;
var varpartnergroup = document.getElementById("partnerGroup").value;
alert('test:'+varrecipient+" : "+varrequest+":"+varactortype +":"+varaccount+":"+varpartnergroup);
var Recipient = new SObjectModel.Recipient__c();
Recipient.create(
{
    RecipientName : varrecipient,
    Request : varrequest,
    Account : varaccount,
    PartnerGroup : varpartnergroup,
    ActorType : varactortype

},

function(error, records)
{
    if (error) {
    alert('hklasjhsakjh');
      alert(error.message);
    } else
    {
    window.parent.location.href ="https://c.gus.visual.force.com/apex/createRecipient";
    }
});
alert('hiiiiiiiii');

return false;
window.parent.location.reload(true);

}

function cancel(){
alert('test');

window.history.go(-1);
window.parent.location.href ="https://gs0.lightning.force.com/one/one.app#/sObject/"+records+"/view";
}

</script>
</html>
</apex:page>
=================================================
apex class:
=================================================
global with sharing class CreateRecipientController{

public static Recipient__c recipient;

public static list<Partner_Group__c> lstPartnerGroup;
public static list<Account> lstAccount;
public static list<Request__c> lstRequest;
public static List<SelectOption> partnerOptions{get; set;}
public static List<SelectOption> accountOptions{get; set;}
public static List<SelectOption> requestOptions{get; set;}
public String Varaccount{set;get;}
public CreateRecipientController(ApexPages.StandardController stdController){

recipient=(Recipient__c )stdController.getRecord();
system.debug(Varaccount);

}

public list<Schema.Picklistentry> getInAdvanceToValues()
    {
        return Recipient__c.fields.Actor_Type__c.getDescribe().getpicklistvalues();
    }
@RemoteAction
    global static List<SelectOption> receivePartnerSObject(String param)
    {
         lstPartnerGroup= Database.query('SELECT Id,Name FROM Partner_Group__c');
         partnerOptions = new List<SelectOption>();
         for (Integer i=0; i<lstPartnerGroup.size(); i++)
          {
                partnerOptions .add(new SelectOption(lstPartnerGroup[i].Id,lstPartnerGroup[i].Name));
          }
         return partnerOptions ;
     }
@RemoteAction
global static List<SelectOption> receiveAccountSObject(String param)
    {


         lstAccount= Database.query('SELECT Id, Name FROM Account ');


         accountOptions= new List<SelectOption>();
         for (Integer i=0; i<lstAccount.size(); i++)
          {
                accountOptions.add(new SelectOption(lstAccount[i].Id,lstAccount[i].Name));
          }
         return accountOptions;
     }

@RemoteAction
global static List<SelectOption> receiveRequestSObject(String param)
    {
         lstRequest= Database.query('SELECT Id, Name FROM Request__c');
         requestOptions= new List<SelectOption>();
         for (Integer i=0; i<lstRequest.size(); i++)
          {
                requestOptions.add(new SelectOption(lstRequest[i].Id,lstRequest[i].Name));
          }
         return requestOptions;





     }


}

thanks. please reply as soon as possible.

September 24, 2015
·
Answer
·
Like
0
·
Follow
0

You need to sign in to do that.

Need an account? Sign Up

Have an account? Sign In

Dismiss

Browse by Topic

Welcome to Support!

Show

sorted by

lightning lookup field

You need to sign in to do that.