jQWidgets Forums

Forum Replies Created

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
April 4, 2014 at 7:39 am in reply to: How to display the selected value of a dropdown in jqxgrid How to display the selected value of a dropdown in jqxgrid #52558

Vishal
Participant

Hi Peter,

I am bit confused with the answer as the question what I asked is -” I am not able to display the selected value of a dropdown” means I am able to load the dropdown but it is not displaying the selected value.

Thanks
Vishal

January 22, 2014 at 12:08 pm in reply to: Lengthy record are trimmed in a row Lengthy record are trimmed in a row #48207

Vishal
Participant

Hi Peter,

Thanks for the support.It has resolved my issue.

Thanks
Vishal

January 20, 2014 at 1:23 pm in reply to: Lengthy record are trimmed in a row Lengthy record are trimmed in a row #48104

Vishal
Participant

Hi Peter ,
please find the view which we are using to generate the the JQX grid in the Right Pane.
JSP Code:

<%@page import=”java.io.File”%>
<%@ page language=”java” contentType=”text/html; charset=ISO-8859-1″
pageEncoding=”ISO-8859-1″ import=”com.tcs.lifeCycle.service.*”
import=”jquery.datatables.controller.*”
import=”jquery.datatables.hashmapDatagrid.*” import=”java.util.HashMap”
import=”java.util.List”%>
<%@taglib prefix=”c” uri=”http://java.sun.com/jsp/jstl/core”%>
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<script type=”text/javascript”>
jQuery(document).ready( function() {
var sheetName=jQuery(‘#hiddenTestScenarioId’).val();
jQuery(‘#manualDataContent’).html(‘Test Scenario For ‘+sheetName);
generateGridTestCaseData();
jQuery(“#testCaseBack”).jqxButton({ width: ’50’, theme: “custom” });

});

function generateGridTestCaseData(){
var clickedValue= <%=request.getParameter(“clickedvalue”)%>;
//prepare the data
var tsData = new Array();
var row = {};
row[“testScenarioName”] = “Sce”+clickedValue;
row[“testScenario”] = “| <Start> | Obtain the Claim | Check Claim Type | Convert Paper Claim to Scanned form | start-EligibilityVerify | Check MRN with membership database | Check If matching | Check Service Dates | Check If within the period | Verify Member Health Plan for benefits | Check If allowable | Reject the Claim | end-EligibilityVerify | start-Initialization | Split into institutional and professional claims | Number of service lines | Lock the claim for processing | Process Diagnostic Codes | ICD9 Code with DOS greater than 2013 | Reject Claim | end-Initialization | Payment Process | end-main”;
tsData[0] = row;
var source =
{
datatype: “array”,
datafields: [
{ name: ‘testScenarioName’, type: ‘string’,},
{ name: ‘testScenario’, type: ‘string’,}
],
localdata: tsData
};
function setGlobalFilter (filtervalue) {
var cgTableObject=jQuery(“#jqxgridTestCasetestData”);
var columns = cgTableObject.jqxGrid(‘columns’);
var filtergroup, filter;
cgTableObject.jqxGrid(‘clearfilters’);
if (filtervalue == null || filtervalue == ”) {
return;
}
for ( var i = 0; i < columns.records.length; i++) {
if (!columns.records[i].hidden && columns.records[i].filterable) {
filtergroup = new jQuery.jqx.filter();
filtergroup.operator = ‘or’;
filter = filtergroup.createfilter(‘stringfilter’, filtervalue, ‘contains’);
filtergroup.addfilter(1, filter);
cgTableObject.jqxGrid(‘addfilter’, columns.records[i].datafield, filtergroup);
}
}
cgTableObject.jqxGrid(‘applyfilters’);
}

var dataAdapter = new $.jqx.dataAdapter(source);

$(“#jqxgridTestCasetestData”).on(‘bindingcomplete’, function () {
$(“#jqxgridTestCasetestData”).jqxGrid(‘autoresizecolumns’);
});

//initialize jqxGrid
jQuery(“#jqxgridTestCasetestData”).jqxGrid(
{
height:270,
width: 775,
autoheight: true,
source: dataAdapter,
theme: “custom”,
pageable: true,
sortable: true,
showfilterrow: false,
filterable: true,
enabletooltips: true,
editable: false,
showtoolbar: true,
enableellipsis: false,

columns:[ { text: ‘<span title=”Test Scenario Name”><B> Test Scenario Name </B></span>’, datafield: ‘testScenarioName’, align: ‘left’,pinned: ‘true’},
{ text: ‘Test Scenarios’, datafield: ‘testScenario’,align: ‘left’}
],
rendertoolbar: function (toolbar) {
var container = jQuery(“<div style=’margin: 5px;’></div>”);
var span = jQuery(“<span style=’float: left; margin-top: 0px; margin-left: 550px;’>Search</span>”);
var input =jQuery(“<input class=’jqx-input jqx-widget-content jqx-rc-all’ id=’searchField’ type=’text’ style=’height: 15px; float: right; width: 150px;’ />”);
toolbar.append(container);
container.append(span);
container.append(input);
input.on(‘keydown’, function (event) {
var searchText=input.val();
setGlobalFilter(searchText);
});
}
});
}
</script>
</head>
<body>
<div id=”manualDataContent” class=”contentboxheader”
style=”height: 23px; width: 770px;”>Test Scenarios</div>
<div class=”contentbox”
style=”height: 295px; width: 776px; margin-top: -8px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px;”>

<div class=’default’>
<div id=’jqxWidget’
style=”font-size: 13px; font-family: Verdana; float: left;”>
<div id=”jqxgridTestCasetestData”></div>
</div>
<div align=”center”>
<input id=”testCaseBack” type=”button” value=”Back”
onclick=”backFlow();” style=”FONT-SIZE: small;” />
</div>
</div>

</div>
</body>
</html>

January 20, 2014 at 1:17 pm in reply to: Lengthy record are trimmed in a row Lengthy record are trimmed in a row #48103

Vishal
Participant

Hi

January 20, 2014 at 10:38 am in reply to: Lengthy record are trimmed in a row Lengthy record are trimmed in a row #48090

Vishal
Participant

Hi Peter,

I have removed the width also but still result is same.Please advice.

January 20, 2014 at 8:11 am in reply to: Lengthy record are trimmed in a row Lengthy record are trimmed in a row #48074

Vishal
Participant

Hi Peter,

I have already set the width as —
{ text: 'Test Scenarios', datafield: 'testScenario', width:'80%',align: 'left'

October 18, 2013 at 10:07 am in reply to: jqxdatetime focus issue jqxdatetime focus issue #30999
Vishal
Participant
Hi Peter,

I am using the below code for creating the calendar.
```
// jqx calendar
         jQuery("#jqxdatetimeinput").jqxDateTimeInput({ 
             width: '170px',
             height: '20px',
             theme: 'custom',
             formatString: "dd-MM-yyyy",
             animationType: 'fade',
             readonly: true,
             culture: 'fr-FR'
                  }); 
         jQuery('#jqxdatetimeinput').on('change', function (event) {
             var date = jQuery('#jqxdatetimeinput').jqxDateTimeInput('getText');
             jQuery("#firstReleaseDate").val(date);
         });
         
         jQuery("#jqxdatetimeinput").jqxDateTimeInput('setDate', null);
```
October 15, 2013 at 8:15 am in reply to: Ajax validation in jqxvalidator Ajax validation in jqxvalidator #30729

Vishal
Participant

Hi Peter,

Thanks for your help now I am able to do ajax validation but when I am submitting the form the validation got by passed.Please suggest.
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)