jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 91 through 105 (of 117 total)

← 1 … 6 7 8 →

Author

Posts

April 17, 2014 at 4:38 pm in reply to: column cellendedit called twice column cellendedit called twice #53252

jahnvi25

Participant

thanks.. this is working for me..

April 17, 2014 at 12:51 am in reply to: column cellendedit called twice column cellendedit called twice #53205

jahnvi25

Participant

any solution ??

April 15, 2014 at 8:11 pm in reply to: column cellendedit called twice column cellendedit called twice #53140

jahnvi25

Participant

yes.. i need to validate user input. but with against other column value. so i need rowIndex, datafield.. but i dont get that in validation fucntion.. thats why i was using above method.

April 15, 2014 at 6:46 pm in reply to: column cellendedit called twice column cellendedit called twice #53133

jahnvi25

Participant

by the way i am able to re-create the same issue.. look at the updated code

http://jsfiddle.net/6aBZy/2/

April 15, 2014 at 6:43 pm in reply to: column cellendedit called twice column cellendedit called twice #53132

jahnvi25

Participant

Thanks for the reply. does this mean that it was a bug in old version ? we are using 3.0.3 ?
and by updating to 3.2 this will go away ?

November 15, 2013 at 5:39 pm in reply to: aggregates does not work after ‘clear’ and ‘addRow’ aggregates does not work after ‘clear’ and ‘addRow’ #32730

jahnvi25

Participant

anything ? how can i fix this ?

November 12, 2013 at 6:33 pm in reply to: aggregates does not work after ‘clear’ and ‘addRow’ aggregates does not work after ‘clear’ and ‘addRow’ #32521

jahnvi25

Participant

even if you generate new data like below.. still does not work

$("#BtnDiv").on('click','#btnSnap2',function(){
                //var rows = $('#jqxgrid').jqxGrid('getrows');
                var tempData = new Array();
                var data = new Object();
                data.id = "row1";
                data.header = "new name";
                data.action = "Buy";
                data.price = 2.67;
                tempData.push(data);
                $('#jqxgrid').jqxGrid('clear');
                $('#jqxgrid').jqxGrid('addrow', null, tempData);
            });

November 12, 2013 at 6:29 pm in reply to: aggregates does not work after ‘clear’ and ‘addRow’ aggregates does not work after ‘clear’ and ‘addRow’ #32520

jahnvi25

Participant

here is the example.. click on “load new data”.

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="assets/jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="assets/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxmenu.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxgrid.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxgrid.selection.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxgrid.grouping.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxgrid.edit.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxgrid.filter.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxgrid.columnsreorder.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxgrid.aggregates.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var tempData = new Array();
            var data = new Object();
            data.id = "row1";
            data.header = "Angel";
            data.action = "Buy";
            data.price = 2.3;
            tempData.push(data);
            //second row
            data = new Object();
            data.id="row2";
            data.header = "Miriam";
            data.action = "Sell";
            data.price = 4.5;
            tempData.push(data);
            
            //var data = [{ id: "row1", firstname: "Angel", lastname: "Bradley" }, { id: "row2", firstname: "Miriam", lastname: "Roche"}];
            var source =
            {
                datatype: "array",//"json",
                id: "id",
                localdata:tempData,
                datafields: [
                    {name: 'header', type: 'string'},
                    {name: 'action', type: 'string'},
                    {name : 'price',type:'number'}
                ]
            };
            
            var columns = [
             {text:'Header',datafield:'header',hidden:false,editable:false,sortable:false},
             {text:'Action',datafield:'action',hidden:false,editable:true,sortable:false},
             {text:'Price',datafield:'price',hidden:false,editable:true,sortable:false,
                 aggregates: [{'Net ':
                function (aggregatedValue, currentValue, column, record) {
                    var total;
                    if(record['action'] == 'Buy')
                        total = currentValue * 1;
                    else if(record['action'] == 'Sell')
                        total = currentValue * (-1);
                    return aggregatedValue + total;
                }
              }],aggregatesrenderer:function (aggregates, column, element) {
                    var renderstring = "<div class='jqx-widget-content jqx-widget-content-basic"  + "' style='float: left; width: 100%; height: 100%; '>";
                    $.each(aggregates, function (key, value) {
                        var val = value;
                        if(val)
                            val = (val * 1).toFixed(2);
                        renderstring += '<div style="position: relative; text-align: right; overflow: hidden;">' + key + ': ' + val + '</div>'; 
                    });
                    renderstring += "</div>";
                    return renderstring;
              }
              }
            ];
            var dataAdapter = new $.jqx.dataAdapter(source);
            
            $("#jqxgrid").jqxGrid(
            {
                source: dataAdapter,
                width: 400,
                autoheight: true,
                sortable: false,
                columns: columns,
                editable: false,
                filterable:true,
                showaggregates: true,
                showstatusbar: true,
                statusbarheight: 20,
                altrows: true
                //groupable: true
            });
            
            $('#jqxgrid').on('cellendedit', function (event) {
                var args = event.args;
                var row = args.rowindex;
                var id = $('#jqxgrid').jqxGrid('getrowid', row);
                alert(id);
            });
            $("#BtnDiv").on('click','#btnSnap2',function(){
                var rows = $('#jqxgrid').jqxGrid('getrows');
                $('#jqxgrid').jqxGrid('clear');
                $('#jqxgrid').jqxGrid('addrow', null, rows);
            });
        });
    </script>
</head>
<body class='default'>
    <div id='jqxWidget' style="font-size: 13px; font-family: Verdana; float: left;">
        <div id="jqxgrid">
        </div>
        <div id="BtnDiv">
            <input type="button" id="btnSnap2" value="load new Data">
        </div>
    </div>
</body>
</html>

November 7, 2013 at 4:16 pm in reply to: jqxgrid with custom id with array jqxgrid with custom id with array #32188

jahnvi25

Participant

thanks for reply.. i slightly modified the above example to my need.. and i dont get the id.. below is the code

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="assets/jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="assets/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxmenu.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxgrid.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxgrid.selection.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxgrid.grouping.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxgrid.edit.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxgrid.filter.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxgrid.columnsreorder.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="assets/jqwidgets/jqxgrid.aggregates.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var tempData = new Array();
            var data = new Object();
            data.id = "row1";
            data.header = "Angel";
            data.expiration = "Bradley";
            tempData.push(data);
            //second row
            data = new Object();
            data.id="row2";
            data.header = "Miriam";
            data.expiration = "Roche";
            tempData.push(data);
            
            //var data = [{ id: "row1", firstname: "Angel", lastname: "Bradley" }, { id: "row2", firstname: "Miriam", lastname: "Roche"}];
            var source =
            {
                datatype: "array",//"json",
                id: "id",
                localdata:tempData,
                datafields: [
                    {name: 'header', type: 'string'},
                    {name: 'expiration', type: 'string'}
                ]
            };
            
            var columns = [
             {text:'Header',datafield:'header',hidden:false,editable:false,sortable:false},
             {text:'Expiration',datafield:'expiration',hidden:false,editable:true,sortable:false}
            ];
            var dataAdapter = new $.jqx.dataAdapter(source);
            
            $("#jqxgrid").jqxGrid(
            {
                source: dataAdapter,
                width: 400,
                autoheight: true,
                sortable: false,
                columns: columns,
                editable: true,
                filterable:true,
                altrows: true
                //groupable: true
            });
            
            $('#jqxgrid').on('cellendedit', function (event) {
                var args = event.args;
                var row = args.rowindex;
                var id = $('#jqxgrid').jqxGrid('getrowid', row);
                alert(id);
            });
        });
    </script>
</head>
<body class='default'>
    <div id='jqxWidget' style="font-size: 13px; font-family: Verdana; float: left;">
        <div id="jqxgrid">
        </div>
    </div>
</body>
</html>

October 24, 2013 at 4:34 pm in reply to: addRow jqxGrid addRow jqxGrid #31307

jahnvi25

Participant

ignore this.. it was my mistake.. i was passing wrong parameters to addRow(..) function

October 18, 2013 at 8:22 am in reply to: grid cellEndEdit event grid cellEndEdit event #30992

jahnvi25

Participant

also can i call “setcellvalue” from within row details ? it seem to be not working .. i am trying to set the value from rowDetailed–> editable field to main row –> editable cell..

October 18, 2013 at 8:01 am in reply to: grid cellEndEdit event grid cellEndEdit event #30989

jahnvi25

Participant

can you please tell me defination of detils for this method ? i cant find this event in documentation anywhere..

October 15, 2013 at 2:42 pm in reply to: cellClick mouse location cellClick mouse location #30758

jahnvi25

Participant

one more thing. is there a way i can change cell color on mouse over.i want to indicate that particular cell is clickable. so would like to use “hand” cursor and different color ?

April 24, 2013 at 12:10 pm in reply to: wired issue with showHidecolumns wired issue with showHidecolumns #19905

jahnvi25

Participant

Thanks for reply.. can you tell me approximately when that release would come out.. ?

April 22, 2013 at 5:50 pm in reply to: hide/show columns with group renderer performance issue hide/show columns with group renderer performance issue #19770

jahnvi25

Participant

Thanks a lot for reply.. its working like charm

as fast as expected…

Author

Posts

Viewing 15 posts - 91 through 105 (of 117 total)

← 1 … 6 7 8 →