[divakarParticipant]

Hi Dimitar,
Thanks for your suggestion.
I implemented promptChar as ” ” and tried.
Now by doing so, when I delete in middle a empty space is inserted in the middle.
Say for example, if I give input as “1234567”
and if I delete 4 then it shows “123 567”.

Instead it should be shown as “123567 “. How to handle this?

Kindly advice.

Thanks,
Divakar.

[divakarParticipant]

Hi Dimitar,

Sorry for the delayed reply.

Please find the example.

$(“#prpslId”).jqxMaskedInput({ width: ‘100px’, height: ’20px’,promptChar: “”, mask:’#######’});

Say for example, we enter 76667 in the above jqxMaskedInput on the screen and then we move to the 3rd position and delete one character. Now on screen it appends last character once again and displays as 76677.

In runtime, after entering the data in the JQXMaskedInput component. If we delete from the middle of the text, It deletes the number but it adds a duplicate entry of the last digit at the end.

We are using version – jQWidgets v3.5.0 (2014-Sep-15)

Please advice.

Thanks,
Divakar.

[divakarParticipant]

Hi Peter,
Thanks a lot for your quick response.

I referred to the sample code.

I have made following references in my jsp.

<script type=”text/javascript” src=”../scripts/jquery-1.11.1.js”></script>
<script type=”text/javascript” src=”../scripts/jquery-1.11.1.min.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxdata.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/jqxwindow.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxmenu.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxgrid.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxgrid.pager.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxgrid.selection.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxgrid.columnsresize.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxgrid.filter.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxgrid.sort.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxcheckbox.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxlistbox.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxdropdownlist.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxmaskedinput.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxgrid.edit.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxcombobox.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxpanel.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxnotification.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxnumberinput.js”></script>

I am getting below error in the IE console.

SCRIPT5022: jqxGrid: Missing references to the following module(s): jqxgrid.pager.js.

I have placed this jqxgrid.pager.js under the path referenced in the script tag.

I am using JQWidget3.5 commercial version..

Thanks,
Divakar.

[divakarParticipant]

Hi,

I followed the example.

My grid data is not getting loaded whenever I set
pageable: true, property.

I have added following scripts.
<script type=”text/javascript” src=”../scripts/jquery-1.11.1.js”></script>
<script type=”text/javascript” src=”../scripts/jquery-1.11.1.min.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxgrid.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxgrid.pager.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxgrid.selection.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxdata.js”></script>

Grid creation code in document.ready method.

var dataAdapter1 = new $.jqx.dataAdapter(displayPoetEventGrid());
dataAdapter1.dataBind();

// Create the Grid for displaying all proposal details
$(“#displayPoetEventGrid”).jqxGrid({
width: ‘100%’,
height: ‘100%’,
//columnsresize: true,
scrollmode: ‘deferred’,
theme:’POET’,
pageable: true,
//sortable: true,
source: dataAdapter1,
columns: [
{ text: ‘Event ID’, datafield:’prpslId’ , width: ‘15%’},
{ text: ‘Event Name’, datafield:’prpslNm’, width: ‘40%’},
{ text: ‘In-Store Date’, datafield:’inStoreDt’, width: ‘15%’},
{ text: ‘Creator ID’, datafield:’useid’, width: ‘15%’},
{ text: ‘Status’, datafield:’statDesc’ , width: ‘15%’}
]
});

Should I add any thing else. The input source data is Json.

Please advise.

Thanks.

[divakarParticipant]

I have added following lines of code in JSP and have these JS file in the mentioned path.

<script type=”text/javascript” src=”../jqwidgets/jqxgrid.sort.js”></script>
<script type=”text/javascript” src=”../jqwidgets/jqxgrid.pager.js”></script>

[Author]

Posts