Is there a way to call Python function from js?

Shriyanshagro · August 19, 2017, 3:49pm

I try to use TAL but that too didn't allow much interaction with JS. I tried this hack, but it also didn't suffice my requirement.
I need a pure JS Python interaction in Plone.

zopyx · August 19, 2017, 4:04pm

The proposed solutions are the way to go and working since the earliest days...why is this not good enough for you?

-aj

Shriyanshagro · August 19, 2017, 4:30pm

which proposed solutions are you talking to about? Can you give a link to it?

dieter · August 19, 2017, 4:30pm

You cannot directly invoke a Python function from JS: JS is executed in your browser; Python is executed in your server. In order to call a Python function (in your server) from JS (in your browser), you need an interaction from the browser to the server. Many JS frameworks (e.g. jquery) provide a means for such an interaction. The Python function is likely exposed as a view, such that it can be called via the web.

Shriyanshagro · August 19, 2017, 4:32pm

Right this sounds good. Any working example of this? With clear explanation of usage is what I really need.

pigeonflight · August 19, 2017, 5:21pm

I don't have enough context to give a useful answer.

To help with some context, can you share the code that you're working on? Specifically what does it do and where are you trying to run this?
Also specifically where does it not work....

Shriyanshagro · August 19, 2017, 5:46pm

Here is the implementation in tal, which is static.

While now the need is to dynamically update the client-side table data, every time a new file has been uploaded.

Surely JS could help me here and not TAL. Thus require a way to call python function view.getImportfields(uploadedFile).values() from Js at here

pigeonflight · August 19, 2017, 5:52pm

What you're looking for is some kind of xmlhttprequest to getImportfields

github.com

Shriyanshagro/plone.importexport/blob/2f47b1bc7200359a780c2a30c5b8ea251ab006e4/src/plone/importexport/browser/importexport.py#L591


    except ImportExportError as e:
        print (e.message)
        raise
    except:
        print ('Fatal error in fetching headers')
        raise


    return matrix


# returns headers of imported csv file
def getImportfields(self, importfile=None):


    # import pdb; pdb.set_trace()
    global MUST_INCLUDED_ATTRIBUTES
    # TODO need to implement mechanism to get uploaded file
    # temp csv_file
    # csv_file = 'P2.csv'
    # csvData = open(csv_file,'r')


    now = DateTime()
    new_id = ''.format(randint(0, 9))

I'd create a new browserview that returns getImportfields (the example below could be added to your configure.zcml to create a view called "import-fields":

<browser:page
        for="Products.CMFCore.interfaces.IFolderish"
        name="import-fields"
        class=".importexport.getImportfields"
        permission="cmf.ModifyPortalContent"
        />

You don't need a template.

This view would be accessible via @@import-fields

This could then be called via an xmlhttprequest in your tal template.

zopyx · August 19, 2017, 5:55pm

You cited the Hack link yourself.

—aj

Shriyanshagro · August 19, 2017, 6:00pm

I cannot use tal, it provides a static solution. Does the above solution support js call?

Shriyanshagro · August 19, 2017, 6:01pm

What does it mean?

pigeonflight · August 19, 2017, 6:07pm

I'm making a few assumptions, which may be unfair.

The major assumption I'm making is that you already know how to make an XMLHTTPRequest type JS call to a web based endpoint. If that's something you aren't familiar with, that's fine. I'd say that is what you need to get comfortable with.

My notes above explain how to setup a browserview by reusing an existing function that you are already using (getImportfields). Once you're fine with XMLHTTPRequests you should be able to do what you need with the proposed browserview.

Shriyanshagro · August 19, 2017, 6:17pm

OK, thanks. Will get back to you in case of any error

zopyx · August 19, 2017, 6:38pm

Make an Ajax request and encode your data as JSON....this is widely used.

-aj

espenmn · August 20, 2017, 5:30pm

Can it be done like this (where "render_from_markdown" is a browserview?

github.com

espenmn/medialog.markdown/blob/master/medialog/markdown/widgets/markdown_input.pt#L35


      
          
          <script src="++resource++medialog.markdown/jquery.selection.js"> </script>
          <script tal:replace="structure view/make_buttons"></script>
          <script>
          $( "#mdpreview" ).click(function() {
            var md = $('#${id}').selection();
            len = md.length;
            if (len < 3)  {
              var md = $('#${id}').val();
              var caretPos = $('#${id}')[0].selectionStart;
              var md = md.slice(0, caretPos) + '<a id="you_are_here" name="you_are_here">></a>' + md.slice(caretPos);
            }
            $.post("render_from_markdown", { markdown: md}, function( data ) {
              $('#result').show();
              $( "#result" ).html( data );
              $('#hidepreview,  #previewv').removeClass('disabled');
              MathJax.Hub.Queue(["Typeset",MathJax.Hub,"result"]);
            });
          });
          $( "#hidepreview" ).click(function() {
            $('#result').hide();

pigeonflight · August 20, 2017, 5:54pm

IMO This is a good example, it uses jqueries builtin ajax/xmlhttprequest capabilities $.post() to call a browserview called @@render_from_markdown.

In my suggested example render_from_markdown would be replaced with some browserview associated with 'getImportfields'. Then just make the code do what you need it to do.

Shriyanshagro · August 22, 2017, 2:39pm

Thank people it worked. The issue is been closed now.