How to use jquery or other javascript frame work in BIRT for client side scripting

RepBIRT
edited February 11, 2022 in Analytics #1
Hi,

Is there any way of doing sorting or some other client side scripting using jquery or some other framework?
Any references or examples would of great help.

Comments

  • Mat
    Mat
    edited November 6, 2013 #2
    <p>Hi RepBIRT,</p><p> </p><p>Did you get this working? I am also trying to do the same thing & was wondering if you or anyone else can help with some pointers.</p><p> </p><p>Thanks</p>
  • <p>mwilliams wrote up a good blog using jQuery to build a jVectorMap, take a look at <a data-ipb='nomediaparse' href='http://developer.actuate.com/community/forum/index.php?/blog/14/entry-496-using-external-javascript-libraries-with-birt-jquery-jvectormaps/'>this link</a> it should get you guys started with jQuery in BIRT.  @RepBIRT what other frameworks were you thinking about using?</p>
    Warning No formatter is installed for the format ipb
  • <p>Hi Clark,</p>
    <p> </p>
    <p>I am trying to use jquery library as above example. But it is not working with the new ihub designer. Do i need to do anything else for IHUB.</p>
    <p>Can you please help me out on this.</p>
    <p>Thanks,</p>
    <p>Prabal</p>
  • <p>What is the birt version you are using? Please provide me sample report if you have any</p>
  • <p>Hi,</p>
    <p> </p>
    <p>I am using Actuate Birt ihub 3.0.</p>
    <p>I am not able to refer the Jquery library which is there in my resources.</p>
    <p>So I am not able to create any working sample report.</p>
    <p> </p>
    <p>please help me out on this.</p>
    <p> </p>
    <p>Thanks,</p>
    <p>Prabal</p>
  • <p>Are you wanting to use jQuery for the server side scripting within the report, eg in beforeFactory, or are you wanting to use it for client side scripting, such as within an HTML text element?</p>
    Warning No formatter is installed for the format ipb
  • probs
    edited July 8, 2015 #8
    <p>Hi Jesse,</p>
    <p>Sorry for the late reply.  I was on a holiday for some time.</p>
    <p>I want to use jquery for client side scripting within an HTML text element.</p>
    <p> </p>
    <p>Can this be done?</p>
    <p> </p>
    <p>Thanks,</p>
    <p>Prabal</p>
  • <p>You will need to include the jquery js file from an application that is hosting it in the text box like you would on a standard web page.</p>
    <p>For example, using the version hosted by Google:</p>
    <pre class="_prettyXprint _lang-js">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    </pre>
    Warning No formatter is installed for the format ipb
  • <p>Hi Jesse,<br>
     <br>
    I tried to include the jquery calender in a report but it is not working for me.<br>
    I created a html file to include the jquery calender . Then i tried to create the same within a report. But i was not able to get it working.<br>
    Please find the files attached.<br>
    can you please help me on this.<br>
     <br>
    Thanks,<br>
    Prabal</p>
  • <p>I had forgotten that within the newer iHub releases jQuery and jQuery UI are already bundled into the installation. Instead of working with them externally, you can use the bundled versions. I modified your code in the text element to use the internal jQuery UI call to get it working.</p>
    <p> </p>
    <p>For example:</p>
    <pre class="_prettyXprint _lang-js">
    <p>Date: <input type="text" id="datepicker"></p>

    <script>
    $(function() {
    actuate.common.web.$("#datepicker").datepicker();
    });
    </script>
    </pre>
    <p>I also had to modify the loading of the jQuery UI CSS file to use head.js in the clientInitalize of the client scripts for the report:</p>
    <pre class="_prettyXprint _lang-js">
    head.js('http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/smoothness/jquery-ui.css');
    </pre>
    <p>With both of these changes in place, the jQuery UI Date picker is working properly.</p>
    <p>Take a look at the attached, modified version of your example report with these changes in place.</p>
    Warning No formatter is installed for the format ipb
  • <p>Hi Jesse,</p>
    <p> </p>
    <p>This is exactly what i needed to know.</p>
    <p>Thank you very much for helping me on this.</p>
    <p> </p>
    <p>Thanks</p>
    <p>Prabal</p>
  • <p>You're welcome.</p>
    <p>Let us know if you have additional questions.</p>
    Warning No formatter is installed for the format ipb
  • i am working on BIRT 4.6.0 , facing problem like same to use date filter with the use of HTML text element.
    please help me out