JSFiddle - React, Tailwind, and code Playground

by Gene Arnold

HTML

<script src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script>
<link rel="stylesheet" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
<script src="http://code.jquery.com/jquery-1.6.min.js"></script>
<script src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>

	<title></title>

	<link rel="stylesheet" type="text/css" href="themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="themes/icon.css">
    <link rel="stylesheet" type="text/css" href="themes/color.css">
    <link rel="stylesheet" type="text/css" href="css/demo.css">

<body>

    <h2>Nested Panel</h2>
    <p>The panel can be placed inside containers and can contain other components.</p>
    <div style="margin:20px 0 10px 0;"></div>
    <div class="easyui-panel" title="Nested Panel" style="width:700px;height:200px;padding:10px;">
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:'west',split:true" style="width:100px;padding:10px">
                Left Content
            </div>
            <div data-options="region:'east'" style="width:100px;padding:10px">
                Right Content
            </div>
            <div data-options="region:'center'" style="padding:10px">
                <div id="container"> </div>
            </div>
        </div>
    </div>

</body>

JavaScript

$(function(){

	reportTest();

	function reportTest(){

		visualize({
	    auth: {
	        name: "jasperadmin",
	        password: "jasperadmin",
	        organization: "organization_1"
	    }
	}, function (v) {
		report = v.report({
	    	resource: "/public/Samples/Reports/01._Geographic_Results_by_Segment_Report",
	    	//resource: "/public/Samples/Reports/9.CustomerDetailReport",
	    	//resource: "/public/audit/reports/Audit_Report",
	    	container: "",
	    	//defaultJiveUi: { enabled: false },
	    	success: function(a){
	    		console.log("success");
	    	},
	    	error: function(err){
	    		console.log(err);
	    	}
	    }); 
	});




	}
	
});