I have a problem, i need send data to post inside of the clic function. My code is:
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<title id='Description'></title>
<link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="scripts/demos.js"></script>
<script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="jqwidgets/jqxscrollbar.js"></script>
<script type="text/javascript" src="jqwidgets/jqxpanel.js"></script>
<script type="text/javascript" src="jqwidgets/jqxtree.js"></script>
<script type="text/javascript" src="jqwidgets/jqxcheckbox.js"></script>
<script type="text/javascript">
var myArray = new Array();
$(document).ready(function () {
// create jqxTree
$('#jqxTree').jqxTree({ height: '400px', hasThreeStates: true, checkboxes: true, width: '330px'});
$('#jqxTree').css('visibility', 'visible');
$('#jqxCheckBox').jqxCheckBox({ width: '200px', height: '25px', checked: true });
$('#jqxCheckBox').on('change', function (event) {
var checked = event.args.checked;
//var item = $('#jqxCheckBox').jqxCheckBox('getItem', args.element);
//$('#Events').jqxPanel('prepend', '<div style="margin-top: 5px;">Selected: ' + item.label + '</div>');
$('#jqxTree').jqxTree({ hasThreeStates: checked });
});
$("#jqxbutton").jqxButton({
theme: 'energyblue',
width: 200,
height: 30
});
$("#jqxTree").jqxTree('selectItem', $("#home")[0]);
$('#jqxbutton').click(function () {
var str = "";
var items = $('#jqxTree').jqxTree('getCheckedItems');
myArray = items;
for (var i = 0; i < myArray.length; i++) {
var item = items[i];
str += item.id + ",";
}
alert("The checked items are " + str);
});
});
</script>
</head>
<body class='default'>
<?php include 'class.treeview.php';
//create an instant of Treeview Class
$treeSample = new Treeview('visuanl','root','root','visualizador','seg_funcionalidad', 'id_funcionalidad', 'fnc_descripcion', 'id_funcionalidadPadre', 'perfixForJqueryIDs'); ?>
<div id='jqxWidget'>
<div style='float: left;'>
<div id='jqxTree' style='visibility: hidden; float: left; margin-left: 20px;'>
<?php
if($_POST['usuarios'] == '')
{
$user = 'admin@admin.com';
}
else
{
$user = $_POST['usuarios'];
}
//Calling the method to generate tree view and set the queryArray public member for Input Parameter
$treeSample->generate_tree_list($treeSample->queryArray,$user);
//echo the public member of object names treeResult (Contain the treeview html and jquery codes)
echo $treeSample->treeResult;
?>
</div>
<div style='margin-left: 60px; float: left;'>
<div style='margin-top: 10px;'>
<div id='jqxCheckBox'>Three Check States</div>
</div>
<form action="" method="post">
<div style='margin-top: 10px;'>
<select name="usuarios">
<?php
//Calling the method to generate tree view and set the queryArray public member for Input Parameter
$treeSample->generate_cbox($user);
//echo the public member of object names treeResult (Contain the treeview html and jquery codes)
echo $treeSample->cbxResult;
?>
</select>
<input type="submit">
</form>
</div>
<input type="button" style="margin: 10px;" id="jqxbutton" value="Get the checked items" />
<? $myArray = $_REQUEST['myArray'];
var_dump($myArray);?>
</div>
</div>
</div>
</body>
</html>