Passing server side values into JavaScript function

Hi Krunal,

When you set Visible=false the control is not rendered at all. I had a similar requirement a long time ago and ended up leaving the control visible, but I put it inside a hidden div - something like that: <div style="display:none">

I’m pretty sure there’s a cleaner way to do that but documentation on this topic is non-existing...

@KrunalDoshi can you please help me out here. Trying to build a URL in graph extension and sending it Javascript to render it in an iframe.

This is the code, where i want to access the field vartanaKey from this GraphExtension in my javascript function 

#region Selects
    public PXSelect<SOOrder> AllRecs;
    #endregion

    #region Event Handlers
    #endregion

    [PXString]
    [PXUIField(DisplayName="API")]
    public virtual String vartanaKey {get; set;}

    public PXAction<SOOrder> VACreateOrder;
    [PXButton]
    [PXUIField(DisplayName = "Create Order")]
    public virtual IEnumerable vaCreateOrder(PXAdapter adapter)
    {
        try
        {
            usrVAVartanaConfigGraph configGraph = PXGraph.CreateInstance<usrVAVartanaConfigGraph>();
            VAVartanaConfig keyRec = configGraph.AllRecs.Select().FirstOrDefault();
            vartanaKey = keyRec.UsrVAApiKey;
            //throw new PXException(vartanaKey.UsrVAApiKey);
        }
        catch (Exception e) { throw new PXException(e.Message); }

        return adapter.Get();
    }

the corresponding script is added via a px:PXLiteral tag so this how it looks.

<script > var test = px_alls["vartanaKey"]; alert(test);</script>

What am i doing wrong here, can we access variables in GraphExtension somehow?