Salesforce Developer Community

Mahesh Babu 49
NEWBIE
0 Points
Member since 2015

Chatter

Feed
0

Best Answers
0

Likes Received
0

Likes Given
4

Questions
1

Replies

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.

Mahesh Babu 49
September 24, 2015
Like
0

0 replies

auto search records in lightning visualforce page

Hi Experts,
i am developing the lightning visualforce page. please any one knows the autosearch functonality in lightning visual force page reply to this post as soon as possible. see the below page replace drop down of partnergroup field list view to auto search functionality. I am using javascript to develop the dropdown. please any one knows the ralated code rply to this post User-added image

Thanks

Mahesh Babu 49
September 21, 2015
Like
0

2 replies

field not writable error

Hi Experts,
i have created one lightning page for recipient custom object, there is one field actor type. it is a custom filed. i want to create new recipient for entered all the fields. The error is the following fields are invalid and not writable. any one please clarify this error

Mahesh Babu 49
September 18, 2015
Like
0

2 replies

Lightning lookup component

I want to show the lookup field in lightning page. plaese any one knows reply to this post.
using this below component to create fields in lightning page. please any one knows modify the partner group and account filed as lookup. please find the below code modify it.
<aura:component implements="force:appHostable">

<ltng:require styles="/resource/bootstrap"/>
<aura:attribute name="Recipient" type="Recipient__c[]"/>
       <aura:attribute name="newARecipient" type="Recipient__c"
default="{ 'sobjectType': 'Recipient__c',
'Name': '',
'Account__c': '',
   'Actor_Type__c':'',
   'Partner_Group__c':'',
   'Request__c':''
}"/>

<div class="bootstrap-sf1" >
   <div class="container">
       <div class="row" >

<div class="col-sm-6">
<label class="col-sm-4" >Recipient Name</label>
<span class="col-sm-8">



<ui:inputText aura:id="recipientName"
class="form-control"
value="{!v.newARecipient.Name}"
placeholder="Recipient Name"/>
</span>
</div>
</div>
<div class="row" >

<div class="col-sm-6">
<label class="col-sm-4" >Request</label>
<span class="col-sm-8">



<ui:inputText aura:id="request"
class="form-control"
value="{!v.newARecipient.Request__c}"
placeholder="Request" />

</span>
</div>
</div>
<div class="row" >

<div class="col-sm-6">
<label class="col-sm-4" >Actor Type</label>
<span class="col-sm-8">
<ui:inputSelect aura:id="actortype" >
<aura:iteration items="{!v.Recipient__c}" var="recipient">
<ui:inputSelectOption text="{!recipient.Id}" label="{!recipient.Actor_Type__c}" />

</aura:iteration>
<ui:inputSelectOption text="select Actor"/>
<ui:inputSelectOption text="Requestor"/>
<ui:inputSelectOption text="Responder"/>
</ui:inputSelect>
</span>
</div>
</div>
       <div class="row" >

<div class="col-sm-6">
<label class="col-sm-4" >Partner Group</label>
<span class="col-sm-5">

<ui:inputSelect aura:id="partnergroup" change="{!c.onSelectChange}">
<aura:iteration items="{!v.Recipient__c}" var="recipient">
<ui:inputSelectOption text="{!recipient.Id}" label="{!recipient.Partner_Group__c}" />
</aura:iteration>
<ui:inputSelectOption text="Requestor"/>
</ui:inputSelect>
</span>
</div>
</div>
<div class="row" >

<div class="col-sm-6">
<label class="col-sm-4" >Account</label>
<span class="col-sm-8">
<ui:inputSelect aura:id="account" change="{!c.onSelectChange}">
<aura:iteration items="{!v.Recipient__c}" var="recipient">
<ui:inputSelectOption text="{!recipient.Id}" label="{!recipient.Account__c}" />

</aura:iteration>
<ui:inputSelectOption text="Requestor"/>
</ui:inputSelect>
</span>
</div>
</div>
<div class="row " >
<div style="text-align:center;font-weight:bold;color:Black;">
<div class="col-sm-6">
<span class="col-sm-1">
<ui:button label="Save" press="{!c.createRecord}" />
</span>
<span class="col-sm-1">
<ui:button label="cancel" press="{!c.cancel}"/>
</span>
<span class="col-sm-1">
<ui:button label="save and new" press="{!c.saveAndNew}"/>
</span>
</div>

</div>
</div>
</div>

</div>
</aura:component>

Mahesh Babu 49
September 17, 2015
Like
0

2 replies

field not writable error

Mahesh Babu 49
September 18, 2015
Like
0