Salesforce Lightning 动态初始化选项列表

1.通过集合初始化方式

  • component中声明一个属性,并在选项列表控件使用
"departs1" type="Department__c[]" />
<lightning:select aura:id="D1" label="事业部" class="dynamic" value="{!v.d1Selected}" onchange="{!c.d1Change}">
            <option value="">请选择option>
            <aura:iteration items="{!v.departs1}" var="dep">
                <option value="{!dep.Id}" label="{!dep.Name}">option>
            aura:iteration>
        lightning:select>
  • JS初始化时从后台获取集合的值,获取后赋值给attribute

js Controller:

init: function(component, event, helper) {
        //初始化事业部的值
        var depart_action = component.get("c.getD1");
        depart_action.setCallback(this, function(response) {
            if (response.getState() == "SUCCESS") {
                var departs = response.getReturnValue();
                if (departs != null && departs.length > 0) {
                    component.set("v.departs1", departs);
                    console.log('Get Department1 SUCCESS!!!');
                } else {
                    console.log('Get Department1 Failed!!!');
                }
            } else {
                console.log('Get Department1 Failed: ' + response.getState());
            }
        });
        $A.enqueueAction(depart_action);
 }

apex Controller:

//获取D1事业部
    @AuraEnabled
    public static List getD1(){
        return [select Id,Name,Parent_Code__c from Department__c where Is_Active__c = true];
    } 

2.通过JS添加option方式

参考: https://salesforce.stackexchange.com/questions/133455/how-can-we-make-uiinputselect-in-lightning-to-dynamically-get-values-from-an-ob

component 代码:

"Status" class="dynamic" aura:id="InputSelectDynamic" value="{!v.leadObj.Status}" required="true"/> 

js controller:

doInit : function(component, event, helper) {
    var action = component.get("c.getLeadStatus");
    var inputsel = component.find("InputSelectDynamic");
    var opts=[];
    action.setCallback(this, function(a) {
        for(var i=0;i< a.getReturnValue().length;i++){
            opts.push({"class": "optionClass", label: a.getReturnValue()[i], value: a.getReturnValue()[i]});
        }
        inputsel.set("v.options", opts);

    });
    $A.enqueueAction(action); 
}

apex:controller:

public static List<String> getLeadStatus(){
List<String> options = new List<String>();
Schema.DescribeFieldResult fieldResult = lead.status.getDescribe();
List<Schema.PicklistEntry> ple = fieldResult.getPicklistValues();
for (Schema.PicklistEntry f: ple) {
    options.add(f.getLabel());
}

return options;}

你可能感兴趣的:(SalesForce,SalesForce学习)