jQWidgets Forums
This topic contains 1 reply, has 2 voices, and was last updated by Peter Stoev 10 years, 6 months ago.
-
Hi Dear Sir,
$(“#treeGrid”).jqxTreeGrid(‘getView’) is not working properly.
Code:-
—————————————————————————————————————————————
<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Default.aspx.cs” Inherits=”_Default” %><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title></title>
<link href=”Styles/Site.css” rel=”stylesheet” type=”text/css” />
<link rel=”stylesheet” href=”./treegrid_files/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”./treegrid_files/jquery-1.11.1.min.js”></script>
<%– <script type=”text/javascript” src=”./treegrid_files/jqxcore.js”></script>–%>
<script src=”Scripts/jqwidgets-ver3.5.0/jqwidgets/jqxcore.js” type=”text/javascript”></script>
<%– <script type=”text/javascript” src=”./treegrid_files/jqxdata.js”></script>–%>
<script src=”Scripts/jqwidgets-ver3.5.0/jqwidgets/jqxdata.js” type=”text/javascript”></script>
<%– <script type=”text/javascript” src=”./treegrid_files/jqxbuttons.js”></script>–%>
<script src=”Scripts/jqwidgets-ver3.5.0/jqwidgets/jqxbuttons.js” type=”text/javascript”></script>
<%– <script type=”text/javascript” src=”./treegrid_files/jqxscrollbar.js”></script>–%>
<script src=”Scripts/jqwidgets-ver3.5.0/jqwidgets/jqxscrollbar.js” type=”text/javascript”></script>
<%– <script type=”text/javascript” src=”./treegrid_files/jqxdatatable.js”></script>–%>
<%– <script type=”text/javascript” src=”./treegrid_files/jqxtreegrid.js”></script>–%>
<script src=”Scripts/jqwidgets-ver3.5.0/jqwidgets/jqxdatatable.js” type=”text/javascript”></script>
<script src=”Scripts/jqwidgets-ver3.5.0/jqwidgets/jqxtreegrid.js” type=”text/javascript”></script>
<script src=”Scripts/jqwidgets-ver3.5.0/jqwidgets/jqxgrid.js” type=”text/javascript”></script><script type=”text/javascript” src=”./treegrid_files/demos.js”></script>
<script src=”Scripts/lightbox-carousel.js” type=”text/javascript”></script>
<link href=”Styles/lightbox-carousel.css” rel=”stylesheet” type=”text/css” />
<link href=”Scripts/jqwidgets-ver3.5.0/jqwidgets/styles/jqx.arctic.css” rel=”stylesheet” type=”text/css” media=”screen” />
<%– <link rel=”stylesheet” href=”http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/styles/jqx.arctic.css” media=”screen” />–%>
<style type=”text/css”>span.k-in > span.highlight
{
background: yellow;
}
.folders
{
float: left;
height: 128px;
width: 238px;
visibility: visible;
}
.foldersInvisible
{
float: left;
height: 128px;
width: 238px;
visibility: hidden;
}
.name
{
color: Black;
}
.main .carousel-main {
display: inline-block;
padding: 10px;
border: 1px #C6C6C6;
cursor: pointer;
}</style>
<script type=”text/javascript”>
function changeIt(_src) {
debugger
$(document).ready(function () {
$(“.main”).lightboxCarousel();});
return false;
}$(document).ready(function () {
// $(“.main”).lightboxCarousel();
var arr = [“CXO Reports”, “Sr Management Report”, “Critical Reports”, “Enterprise Information”,”All Reports” ,”Site”, “Vertical”, “Skill”, “Department”, “Segment”, “Process”];
createDivsTiles(arr);
function createDivsTiles(a) {
var dynamicLi = ”;
for (var i = 0; i < a.length; i++) {
var class1 = a[i];
var br = “<br>”;
var imagePath = ‘Styles/2013-NEW-YEAR.png’;
dynamicLi += ‘<div class=”carousel-main folders” myid=”‘ + class1 + ‘”></img>’ + br + ” + a[i].bold() + ‘</div>’;
}
$(‘.main’).append(dynamicLi);}
$(‘#popupBoxClose’).click(function () {
debugger
unloadPopupBox();
});$(‘#container’).click(function () {
unloadPopupBox();
});function unloadPopupBox() { // TO Unload the Popupbox
$(‘#popup_box’).fadeOut(“slow”);
$(“#container”).css({ // this is just for style
“opacity”: “1”
});
}var reports = [
{
ReportID: 1,
ReportName: “CXO Reports”,
ParentReportID: null
},
{
ReportID: 2,
ReportName: “Sr Management Report”,
ParentReportID: null
},
{
ReportID: 3,
ReportName: “Critical Reports”,
ParentReportID: null
},
{
ReportID: 4,
ReportName: “All Reports”,
ParentReportID: null
},
{
ReportID: 5,
ReportName: “Enterprise Information”,
ParentReportID: 4
},
{
ReportID: 6,
ReportName: “Site”,
ParentReportID: 5
},
{
ReportID: 7,
ReportName: “Vertical”,
ParentReportID: 5
},
{
ReportID: 8,
ReportName: “Skill”,
ParentReportID: 5
},
{
ReportID: 9,
ReportName: “Department”,
ParentReportID: 5
},
{
ReportID: 10,
ReportName: “Segment”,
ParentReportID: 9
},
{
ReportID: 11,
ReportName: “Process”,
ParentReportID: 9
}
];$(‘#treeGrid’).on(‘filter’, function (event) {
debugger
var view = $(“#treeGrid”).jqxTreeGrid(‘getView’);
var viewStr = “”;
var html = ”;
$(‘div.folders.visible’).removeClass(‘visible’);
var displayView = function (records) {
for (var i = 0; i < records.length; i++) {
viewStr += records[i].ReportName + “,”;
$(‘[myid=”‘ + records[i].ReportName + ‘”‘).addClass(‘visible’);
if (records[i].records) {displayView(records[i].records);
}
}
$(‘div.folders.visible’).show();
$(‘div.folders’).not(‘.folders.visible’).hide();
};
displayView(view);
// var args = event.args;
// var filters = args.filters;
});//// prepare the data
var source =
{
dataType: “json”,
dataFields: [
{ name: ‘ReportID’, type: ‘number’ },
{ name: ‘ReportName’, type: ‘string’ },
{ name: ‘ParentReportID’, type: ‘number’ },
],
hierarchy:
{
keyDataField: { name: ‘ReportID’ },
parentDataField: { name: ‘ParentReportID’ }
},
id: ‘ReportID’,
localData: reports
};
var dataAdapter = new $.jqx.dataAdapter(source);
// create Tree Grid
$(“#treeGrid”).jqxTreeGrid(
{
width: 300,
source: dataAdapter,
sortable: true,
filterable: true,
filterMode: ‘simple’,
ready: function () {
$(“#treeGrid”).jqxTreeGrid(‘expandRow’, ‘2’);
},
columns: [
{ text: ”, dataField: ‘ReportName’, width: 300 },
]
});
});
</script></head>
<body>
<form id=”form1″ runat=”server”>
<div>
<div id=”treeGrid” tabindex=”0″ role=”grid” align=”left”></div>
</div>
<div>
<div class=”filemanager” style=”direction:rtl; caption-side:top; float:right; list”>
<div class=”main”>
</div>
</div>
</div>
</form>
</body>
</html>
———————————————————————————————————–
please help me.Thanks in Advance.
Thanks with Regards,
Ajay k.
You must be logged in to reply to this topic.