jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 40 total)

1 2 3 →

Author

Posts
April 11, 2016 at 7:25 am in reply to: jqxNumberInput cursor jump issue jqxNumberInput cursor jump issue #83341

Siva
Participant

hi peter,

how can we avoid that caret’s position changing in firefox. really it makes trouble.

regards,
siva

March 29, 2016 at 2:19 pm in reply to: Is there any API to get the "rowData" after applying filtering in Grid? Is there any API to get the "rowData" after applying filtering in Grid? #82967

Siva
Participant

any reply?

March 29, 2016 at 2:19 pm in reply to: Getting wrong rowdata from newly added row Getting wrong rowdata from newly added row #82966

Siva
Participant

any reply?

March 28, 2016 at 2:57 pm in reply to: Getting wrong rowdata from newly added row Getting wrong rowdata from newly added row #82924

Siva
Participant

hi peter,

Your right. but on filtering mode, i deleted certain rows and added new fresh rows. At that time, ID getting duplicated.

here i have some example, but here reproduce intermittently

http://jsfiddle.net/7pSW4/4/

steps:

1, click filter button
2, delete selected rows
3, add new row
4, now try to get row data randomly

repeat 3 or 4 times, it will reproduce.

Regards,
siva

March 26, 2016 at 7:28 pm in reply to: Is there any API to get the "rowData" after applying filtering in Grid? Is there any API to get the "rowData" after applying filtering in Grid? #82863

Siva
Participant

hi ivailo,
thanks for your info,

THIS IS ANOTHER ISSUE:

Getting wrong rowdata from particular row, steps are explained below,

STEPS:

1, filter applied to grid
2, now tried to delete rows using ‘deleterow’ API
3, now add new row using ‘addrow’. NOTE: rowid auto-generated(rowid = NULL)

now i tried to get the rowdata for newly added row, but i am getting wrong data.I found one strange thing, uid getting duplicate for added row.

how can i avoid this?

thanks
siva

January 4, 2016 at 7:58 am in reply to: right click on empty grid right click on empty grid #80006

Siva
Participant

Empty Grid right click event not get triggered for the contest menu. hasClass() method is not get triggered in empty grid.

September 4, 2015 at 10:23 am in reply to: Grid sortting date format Grid sortting date format #75496

Siva
Participant

hi peter,

datafields: [
{ name: ‘Date’, type: ‘date’ },
{ name: ‘Freight’, type: ‘float’ },
{ name: ‘ShipName’, type: ‘string’ }
]

columns have ‘type’, this code taken from your example(data source).

September 4, 2015 at 10:11 am in reply to: Grid sortting date format Grid sortting date format #75492

Siva
Participant

Hi,
I tried this too, but from my side is different. we are getting the timestamp and convert into date as like ‘Thursday, August 17, 2015 11:02:08 AM’. In the date column we marked the datatype field as type: ‘date’ and also the cellformat: ‘yyyy-MM-dd’ or ”dddd, MMMM dd, yyyy h:mm:ss tt’.

Still my sorting is not working as expected.

May 20, 2015 at 11:47 am in reply to: Empty row background color Empty row background color #71342

Siva
Participant

Hi Ivailo,

Is there any function do you have to detect the empty rows?

May 20, 2015 at 8:00 am in reply to: Empty row background color Empty row background color #71325

Siva
Participant

Hi Ivailo,

I tried your example, It looks like grid fully same ‘lightblue’ color. I gave you two scenario, but its not a exact one.

Please read below steps:

In a grid i have 2 rows(altrows), that 2 rows background color as ‘lightyellow and darkyellow’. Other rows look like empty “white color” grid rows. Is there any way to change that background white color EMPTY grid rows to some other color?

Thanks in advance

April 3, 2015 at 10:33 am in reply to: Context Menu with sub menu Context Menu with sub menu #69524

Siva
Participant

Hello team,

We tried all this type of API’s from jqxmenu, but no use for us. Please check your website header menu too, its also have the same issue.

October 16, 2014 at 12:27 pm in reply to: i JQXpanel scroll Need to place at the end of the position. i JQXpanel scroll Need to place at the end of the position. #61246
Siva
Participant
Sorry…!!!!!
```
<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.11.1.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/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
   <script type="text/javascript">
       $(document).ready(function () {

           $("#jqxPanel").jqxPanel({
               width: 250,
               height: 250,
               theme: 'energyblue',
               autoUpdate: true,
               sizeMode: "fixed"
   
           });

           console.log($('#jqxPanel').jqxPanel('height'));
           console.log($('#jqxPanel').jqxPanel('width'));
           $("#jqxButton").jqxButton({
               height: '30px',
               width: '120px',
               theme: 'energyblue'

           });
           $('#Test').hide();   
           $("#jqxTest").jqxButton({
               height: '30px',
               width: '120px',
               theme: 'energyblue'
           });
           $('#jqxButton').on('click', function () {
               $('#jqxPanel').jqxPanel('scrollTo', 100, 100);
           });

           $('#jqxTest').on('click', function () {

               $('#Test').show();
               var height = $('#jqxPanel').jqxPanel('height');
               var width = $('#jqxPanel').jqxPanel('width');
               $('#jqxPanel').jqxPanel('scrollTo', width, height);
               console.log(height);
               console.log(width);
           });

       });
</script>
</head>
<body class='default'>
    <div id='jqxPanel' style="font-size: 13px; font-family: Verdana;">
        <div style='margin: 10px;'>
            <h3>Early History of the Internet</h3>
        </div>
        
        <div style='white-space: nowrap;'>
            <ul>
                <li>1961 First packet-switching papers</li>
                <li>1966 Merit Network founded</li>
                <li>1966 ARPANET planning starts</li>
                <li>1969 ARPANET carries its first packets</li>
                <li>1970 Mark I network at NPL (UK)</li>
                <li>1970 Network Information Center (NIC)</li>
                <li>1971 Merit Network's packet-switched network operational</li>
                <li>1971 Tymnet packet-switched network</li>
                <li>1972 Internet Assigned Numbers Authority (IANA) established</li>
                <li>1973 CYCLADES network demonstrated</li>
                <li>1974 Telenet packet-switched network</li>
                <li>1976 X.25 protocol approved</li>
                <li>1979 Internet Activities Board (IAB)</li>
                <li>1980 USENET news using UUCP</li>
                <li>1980 Ethernet standard introduced</li>
                <li>1981 BITNET established</li>
            </ul>
        </div>
        <div id=’Test’>
			asdasdasdasda
			asdasdasdasd
			asdasdasdasd
			asdasdasdasdas
			asdsadasdasdasda
			dasdasdasdasd
			asda
			sda
			sdas
			d
			asd
			asd
			as
			das
			d
			asd
			as
			d
			asd
			as
	</div>
    </div>
    <br />
    <div>
        <input style="margin-left: 20px;" type="button" id="jqxButton" value="Scroll" />
        <input style="margin-left: 20px;" type="button" id="jqxTest" value="Test" />
    </div>
</body>
</html>
```
October 16, 2014 at 12:26 pm in reply to: i JQXpanel scroll Need to place at the end of the position. i JQXpanel scroll Need to place at the end of the position. #61245
Siva
Participant
Hi Nadezhda,

<!DOCTYPE html>
<html lang=”en”>
<head>
<title></title>
<link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”../../scripts/jquery-1.11.1.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/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxpanel.js”></script>
<script type=”text/javascript”>
$(document).ready(function () {

$(“#jqxPanel”).jqxPanel({
width: 250,
height: 250,
theme: ‘energyblue’,
autoUpdate: true,
sizeMode: “fixed”

});

console.log($(‘#jqxPanel’).jqxPanel(‘height’));
console.log($(‘#jqxPanel’).jqxPanel(‘width’));
$(“#jqxButton”).jqxButton({
height: ’30px’,
width: ‘120px’,
theme: ‘energyblue’

});
$(‘#Test’).hide();
$(“#jqxTest”).jqxButton({
height: ’30px’,
width: ‘120px’,
theme: ‘energyblue’
});
$(‘#jqxButton’).on(‘click’, function () {
$(‘#jqxPanel’).jqxPanel(‘scrollTo’, 100, 100);
});

$(‘#jqxTest’).on(‘click’, function () {

$(‘#Test’).show();
var height = $(‘#jqxPanel’).jqxPanel(‘height’);
var width = $(‘#jqxPanel’).jqxPanel(‘width’);
$(‘#jqxPanel’).jqxPanel(‘scrollTo’, width, height);
console.log(height);
console.log(width);
});

});
</script>
</head>
<body class=’default’>
<div id=’jqxPanel’ style=”font-size: 13px; font-family: Verdana;”>
<div style=’margin: 10px;’>
<h3>Early History of the Internet</h3>
</div>
<!–Content–>
<div style=’white-space: nowrap;’>
- 1961 First packet-switching papers
- 1966 Merit Network founded
- 1966 ARPANET planning starts
- 1969 ARPANET carries its first packets
- 1970 Mark I network at NPL (UK)
- 1970 Network Information Center (NIC)
- 1971 Merit Network’s packet-switched network operational
- 1971 Tymnet packet-switched network
- 1972 Internet Assigned Numbers Authority (IANA) established
- 1973 CYCLADES network demonstrated
- 1974 Telenet packet-switched network
- 1976 X.25 protocol approved
- 1979 Internet Activities Board (IAB)
- 1980 USENET news using UUCP
- 1980 Ethernet standard introduced
- 1981 BITNET established
</div>
<div id=’Test’>
asdasdasdasda
asdasdasdasd
asdasdasdasd
asdasdasdasdas
asdsadasdasdasda
dasdasdasdasd
asda
sda
sdas
d
asd
asd
as
das
d
asd
as
d
asd
as
</div>
</div>
<br />
<div>
<input style=”margin-left: 20px;” type=”button” id=”jqxButton” value=”Scroll” />
<input style=”margin-left: 20px;” type=”button” id=”jqxTest” value=”Test” />
</div>
</body>
</html>
October 16, 2014 at 11:58 am in reply to: i JQXpanel scroll Need to place at the end of the position. i JQXpanel scroll Need to place at the end of the position. #61243

Siva
Participant

Hi Nadezhda,

Thanks for ur reply.
As u Create span Id by initial hide that id like eg($(‘#Test’).hide()) while Click event u need to show ($(‘#Test’).show()) then u try to place ur cursor at the end position .its not working .i previously uploaded code haveing that example.

in ur button click event u r just set cursor position.But i need runtime ,i need to show and hide control at the time Cursor is not pointing at end position.thats what i detailed explained and send u code sample.

UR Code:

$(‘#jqxTest’).on(‘click’, function () {
var height = $(‘#jqxPanel’).jqxPanel(‘height’);
var width = $(‘#jqxPanel’).jqxPanel(‘width’);
$(‘#jqxPanel’).jqxPanel(‘scrollTo’, width, height);
console.log(height);
console.log(width);
})

My Code :previously i send that

$(‘#jqxTest’).on(‘click’, function () {

$(‘#Test’).show();
var height = $(‘#jqxPanel’).jqxPanel(‘height’);
var width = $(‘#jqxPanel’).jqxPanel(‘width’);
$(‘#jqxPanel’).jqxPanel(‘scrollTo’, width, height);
console.log(height);
console.log(width);
});

See my Above code FYR

i hope u understand my problem….Run time while we (hide and show) any DIV or span using that two properties its not working.

please help me to come out

thanks,
Siva

October 16, 2014 at 9:42 am in reply to: i JQXpanel scroll Need to place at the end of the position. i JQXpanel scroll Need to place at the end of the position. #61236
Siva
Participant
Hi Nadezhda,
Thanks For Ur Reply. i tried you gave this idea ,it was working good.But if i using this two properties in my panel we could not achieve as we expected behavior.
autoUpdate: true,
sizeMode: “fixed”

if we remove this two properties .it will work.in my project i need this properties for panel area

Here is Example i attached u:(Please use this if u want)
—If u remove this two properties from panel is working fine:autoUpdate: true,
sizeMode: “fixed”

——————————————-Example FYR——————————————

<div id=’jqxPanel’ style=”font-size: 13px; font-family: Verdana; float: left;”>
<div style=’margin: 10px;’>
<h3>Early History of the Internet</h3>

</div>

<!–Content–>
<div style=’white-space: nowrap;’>
- 1961 First packet-switching papers
- 1966 Merit Network founded
- 1966 ARPANET planning starts
- 1969 ARPANET carries its first packets
- 1970 Mark I network at NPL (UK)
- 1970 Network Information Center (NIC)
- 1971 Merit Network’s packet-switched network operational
- 1971 Tymnet packet-switched network
- 1972 Internet Assigned Numbers Authority (IANA) established
- 1973 CYCLADES network demonstrated
- 1974 Telenet packet-switched network
- 1976 X.25 protocol approved
- 1979 Internet Activities Board (IAB)
- 1980 USENET news using UUCP
- 1980 Ethernet standard introduced
- 1981 BITNET established
</div>
<div id=’Test’>
asdasdasdasda
asdasdasdasd
asdasdasdasd
asdasdasdasdas
asdsadasdasdasda
dasdasdasdasd
asda
sda
sdas
d
asd
asd
as
das
d
asd
as
d
asd
as
</div>

</div>
<div>
<input style=”margin-left: 20px;” type=”button” id=’jqxButton’ value=”Scroll” />
<input style=”margin-left: 20px;” type=”button” id=’jqxTest’ value=”Test” />
</div>

$(“#jqxPanel”).jqxPanel({
width: 250,
height: 250,
theme: ‘energyblue’,
autoUpdate: true,
sizeMode: “fixed”

});

console.log($(‘#jqxPanel’).jqxPanel(‘height’));
console.log($(‘#jqxPanel’).jqxPanel(‘width’));
$(“#jqxButton”).jqxButton({
height: ’30px’,
width: ‘120px’,
theme: ‘energyblue’

});
$(‘#Test’).hide();
$(“#jqxTest”).jqxButton({
height: ’30px’,
width: ‘120px’,
theme: ‘energyblue’
});
$(‘#jqxButton’).on(‘click’, function () {
$(‘#jqxPanel’).jqxPanel(‘scrollTo’, 100, 100);
});

$(‘#jqxTest’).on(‘click’, function () {

$(‘#Test’).show();
var height = $(‘#jqxPanel’).jqxPanel(‘height’);
var width = $(‘#jqxPanel’).jqxPanel(‘width’);
$(‘#jqxPanel’).jqxPanel(‘scrollTo’, width, height);
console.log(height);
console.log(width);
});

Thanks,
Shiva
Author

Posts

Viewing 15 posts - 1 through 15 (of 40 total)

1 2 3 →