jQWidgets Forums
Forum Replies Created
-
Hello everyone, I want to click on view button and need to open the image in DocumentShowPopupID. Also I’m getting the value in dataset(ds) where data is bind in controller method. Anyone pls help me ….
@section scripts {
<style>
body { width: 100%; height: 100%; }
.jqx-grid-cell input[type=”button”]{
width:100%;
z-index:10;
opacity:0.01!important;
z-index:5!important;
display:block!important;
}
</style><link rel=’stylesheet’ href=’https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css’>
<link href=”~/jqwidgets/styles/jqx.base.css” rel=”stylesheet” />
<script src=”~/Scripts/jquery-1.11.1.min.js”></script>
<script src=”~/jqwidgets/jqxcore.js”></script>
<script src=”~/jqwidgets/jqxbuttons.js”></script>
<script src=”~/jqwidgets/jqxscrollbar.js”></script>
<script src=”~/jqwidgets/jqxdatatable.js”></script>
<script src=”~/jqwidgets/jqxtreegrid.js”></script>
<script src=”~/jqwidgets/jqxdata.js”></script>
<script src=”~/jqwidgets/jqxcheckbox.js”></script>
<script src=”~/jqwidgets/jqxlistbox.js”></script>
<script type=”text/javascript”>
$(document).ready(function () {
// prepare the data
var source =
{
dataType: “json”,
dataFields:
[
{ name: ‘PartAssemblyId’, type: ‘number’ },
{ name: ‘ComponentName’, type: ‘string’ },
{ name: ‘PartNo’, type: ‘string’ },
{ name: ‘OEMRev’, type: ‘string’ },
{ name: ‘DEPartNo’, type: ‘string’ },
{ name: ‘Quantity’, type: ‘number’ },
{ name: ‘ParentId’, type: ‘number’ },
{ name: ‘TypeName’, type: ‘string’ },
{ name: ‘TAPType’, type: ‘string’ },
{ name: ‘DirectoryId’, type: ‘number’ },
{ name: ‘ReferenceId’, type: ‘string’ },
{ name: ‘IsManualDEPart’, type: ‘number’ },
{ name: ‘RevNo’, type: ‘string’ },
{ name: ‘RevRemark’, type: ‘string’ },
{ name: ‘CreatedBy’, type: ‘number’ },
{ name: ‘CreatedDate’, type: ‘number’ },
{ name: ‘ModifiedBy’, type: ‘number’ },
{ name: ‘ModifiedDate’, type: ‘number’ },
{ name: ‘Status’, type: ‘string’ },
{ name: ‘UserId’, type: ‘number’ },
{ name: ‘FolderCount’, type: ‘string’ },
{ name: ‘Level’, type: ‘number’ },
{ name: ‘View’, type: ‘string’ }],
hierarchy:
{
keyDataField: { name: ‘PartAssemblyId’ },
parentDataField: { name: ‘ParentId’ }
},
// id: ‘PartAssemblyId’,
url: ‘GetEmployees’,
};var dataAdapter = new $.jqx.dataAdapter(source);
// call jqxTreeGrid$(“#treeGrid”).jqxTreeGrid(
{
width: 1000,
height: 500,
source: dataAdapter,
altRows: true,
columnsResize: true,
//pageable: true,
//sortable: true,
ready: function () {
$(“#treeGrid”).jqxTreeGrid(‘expandRow’, ‘2’);
//alert();
},
//choose the columns you wish to display on screen
columns: [
{ text: ‘OEM Part Number’, dataField: ‘PartNo’, width: 200 },
{ text: ‘Level’, dataField: ‘Level’, width: 50 },
{ text: ‘Type Name’, dataField: ‘TypeName’, width: 100 },
{ text: ‘Qty’, dataField: ‘Quantity’, width: 50 },
{ text: ‘Part Description’, dataField: ‘ComponentName’, width: 200 },
{ text: ‘TSME PartNo’, dataField: ‘DEPartNo’, width: 200 },
{ text: ‘Status’, dataField: ‘Status’, width: 100 },
{ text: ‘View’, dataField: ‘View’, width: ‘5%’, columntype: ‘button’,
cellsrenderer: function (row, columnfield, value, defaulthtml, columnproperties) {
return ‘<input type=”Button” onClick=”buttonclick()” value=”button” /><i class=”fa fa-eye “> </i>’;
}, buttonclick: function (row) {
$(“#treeGrid”).jqxTreeGrid(‘selectrow’, row);
}
},
{ text: ‘Additional Docs’, dataField: ‘AdditionalDocs’, width: 100, columntype: ‘button’,
cellsrenderer: function (row, columnfield, value, defaulthtml, columnproperties) {
return ‘<input type=”Button” onClick=”buttononclicking()” value=”button”/><i class=”fa fa-pencil “> </i>’;
},
},
{ text: ‘Remarks’, dataField: ‘RevRemark’, width: 200 }]
});
});
</script>
<script type=”text/javascript”>
var buttonclick = function ()
{
// alert(‘click’);
var id = $(this).attr(‘treeGrid’)
alert(id);
$(“#DocumentShowPopupID”).show();
}
</script>
<div class=”modal” id=”DocumentShowPopupID”>
<div class=”modal-dialog”>
<div class=”modal-content” style=”height: 680px; width: 218%; margin-left: 7%” id=”MDContent”><!– Modal Header –>
<div class=”modal-header”>
<input type=”hidden” id=”DocId”>
<h class=”modal-title”>Preview Document</h>
<button type=”button” data-dismiss=”modal” id=”” title=”Close” onclick=”closeForm()” style=”border:none; background-color:transparent; float:right;”>
</button>
</div><!– Modal body –>
<br />
<div class=”row”>
<div class=”col-lg-6″>
<div>
<!–<embed src=”” id=”MaxframePreview” style=”width: 208%; height: 600px” /> —>
@*<iframe id=”MaxframePreview” style=”width: 185%; height: 500px; margin-left: 14%”></iframe>*@
<iframe id=”EdittabframeOverview” style=”width: 185%; height: 500px; margin-left: 14%”></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
function closeForm() {
document.getElementById(“DocumentShowPopupID”).style.display = “none”;
}
</script>
<script type=”text/javascript”>
var buttononclicking = function (event) {
// alert(‘clicking’);
var id = $(this).attr(“id”)
var url = “@Url.Action(“ViewWholeAssemPart”, “EBOM_DocumentControl”)”;
window.location.href = url;
}
</script>}