jQWidgets Forums

Forum Replies Created

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

Author

Posts

July 8, 2022 at 2:11 am in reply to: jqxGrid doesnot automatically resize heigt jqxGrid doesnot automatically resize heigt #122026

joko.pitoyo

Participant

also, height jqxGrid not change event if i have change manally

jqxGrid({height:600});

above doesnot work

June 29, 2022 at 5:21 am in reply to: Custom Validator Custom Validator #121933

joko.pitoyo

Participant

helo,
we want validate form fields and jqxgrid, if datagrid not empty

August 11, 2021 at 10:17 am in reply to: Attach custom headers request Attach custom headers request #120617

joko.pitoyo

Participant

Problem solve


 var dataAdapter = new $.jqx.dataAdapter(source, {
                loadServerData: function (serverdata, source, callback) {
                    $.ajax({
                        dataType: 'json',
                        method:'POST',
                        url: "{{route('vehicle.list')}}",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success:function(data){
                           // console.log(data);
                            callback({records:data});
                        }
                    });
                },
                //downloadComplete: function (data, status, xhr) { },
               // loadComplete: function (data) { },
               // loadError: function (xhr, status, error) { }
            });

January 28, 2021 at 11:36 pm in reply to: TypeError: v.indexOf is not a function TypeError: v.indexOf is not a function #114343

joko.pitoyo

Participant

Yes, above problem resolve….

this is because my mistake handle cellsrenderer

January 28, 2021 at 1:08 am in reply to: TypeError: v.indexOf is not a function TypeError: v.indexOf is not a function #114335

joko.pitoyo

Participant

Helo

Sorry for mistake report, problem is cellsrenderer: formatAlarm

formatAlarm not handle data correctly…

Thanks

January 28, 2021 at 12:42 am in reply to: TypeError: v.indexOf is not a function TypeError: v.indexOf is not a function #114333

joko.pitoyo

Participant

Helo

what the maximun jqxGrid can load data in trial mode? i have try load data more than 45, it is problem… less than 45 its ok

January 28, 2021 at 12:11 am in reply to: TypeError: v.indexOf is not a function TypeError: v.indexOf is not a function #114332

joko.pitoyo

Participant

The above problem is using complex layout like this:


<body>
    <div id="mainSplitter">
        <div style="height:100%;">
            <div id="west">
                <div class="westtop">
                    <div>Pilih User</div>
                    <div id="cboUser"></div>
                </div>
                <div class="westmain">
                    <div id="westTabs" style="border: 0px;">
                        <ul>
                            <li>Device</li>
                            <li>POI</li>
                            <li>Geofence</li>
                        </ul>
                        <div id="devicex">
                            <div class="box">
                                <div class="row header">
                                    <div id="toolbar">
                                    </div>
                                    <div style="margin-top: 3px;">
                                        <input id="searchdevice" />
                                    </div>
                                </div>
                                <div class="row content">
                                    <div id="treeDevice" style="border:0px;"></div>
                                </div>
                                <div class="row footer">
                                    <div id="formDevice"></div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="box">
                                <div class="row header">
                                    <div id="toolbarpoi">
                                    </div>
                                    <div style="margin-top: 3px;">
                                        <input id="searchpoi" />
                                    </div>
                                </div>
                                <div class="row content">
                                    <div id="treepoi" style="border:0px;"></div>
                                </div>
                                <div class="row footer">
                                    <p><b>footer</b> (fixed height)</p>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="box">
                                <div class="row header">
                                    <div id="toolbargf">
                                    </div>
                                    <div style="margin-top: 3px;">
                                        <input id="searchgf" />
                                    </div>
                                </div>
                                <div class="row content">
                                    <div id="treegf" style="border:0px;"></div>
                                </div>
                                <div class="row footer">
                                    <p><b>footer</b> (fixed height)</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="info"></div>
        </div>
        <div>
            <div id="rightSplitter">
                <div>
                    <div id="map_canvas" style="height:100%;width:100%;border:0px;"></div>
                </div>
                <div>
                    <div class="jqx-hideborder jqx-hidescrollbars" id="alarmTabs">
                        <ul>
                            <li>Data Alarm</li>
                            <li>Data Service</li>
                        </ul>
                        <div class="jqx-hideborder jqx-hidescrollbars">
                            <div id="gridAlarm"></div>
                        </div>
                        <div class="jqx-hideborder jqx-hidescrollbars">
                            <div id="gridService"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id='jqxMenu'>
        <ul>
            <li id="playbackgps">Playback GPS</li>
            <li id="editgps">Edit GPS</li>
            <li id="addgroup">Tambah Group</li>
            <li id="editgroup">Edit Group</li>
            <li id="deletegroup">Hapus Group</li>
        </ul>
    </div>
    <div id="msgNotification">

    </div>
</body>

January 28, 2021 at 12:04 am in reply to: Create Window and content Manually Create Window and content Manually #114331

joko.pitoyo

Participant

Thank problem solve

January 27, 2021 at 11:55 pm in reply to: Place form Inside Window Error Place form Inside Window Error #114330

joko.pitoyo

Participant

Helo

the mistake is :

 $("<div>header Title</div>").appendTo(this.window1);

above script will break rule of window structur like:


<div id="form1">
        <div>Title</div>
        <div>
            <div id='sampleForm' style="width: 400px; height: auto;"></div>
        </div>
    </div>

thank for support, i am in trial process, i hope work like charm

January 25, 2021 at 10:39 am in reply to: Unable to include a form inside jqxwindow Unable to include a form inside jqxwindow #114292

joko.pitoyo

Participant

HTML Tag

  <div id="form1">
        <div>Tambah Data</div>
        <div>
            <div id='sampleForm' style="width: 400px; height: auto;"></div>
        </div>
    </div>

Javascript


function FormPoi() {
}
FormPoi.prototype.createElement = function () {
    this.window1 = $("#form1");
    $("<div>header Title</div>").appendTo(this.window1);

    this.window1.jqxWindow({
        width: 400,height:440,resizable:true,draggable:true,
        initContent: function () {
            console.log('initContent window');
            var template = [
                {
                    bind: 'firstName',
                    type: 'text',
                    label: 'First name',
                    required: true,
                    labelWidth: '80px',
                    width: '250px',
                    info: 'Enter first name',
                    infoPosition: 'right'
                },
                {
                    bind: 'lastName',
                    type: 'text',
                    label: 'Last name',
                    required: true,
                    labelWidth: '80px',
                    width: '250px',
                    info: 'Enter last name'
                },
                {
                    bind: 'company',
                    type: 'text',
                    label: 'Company',
                    required: false,
                    labelWidth: '80px',
                    width: '250px'
                },
                {
                    bind: 'address',
                    type: 'text',
                    label: 'Address',
                    required: true,
                    labelWidth: '80px',
                    width: '250px'
                },
                {
                    bind: 'city',
                    type: 'text',
                    label: 'City',
                    required: true,
                    labelWidth: '80px',
                    width: '250px'
                },
                {
                    bind: 'state',
                    type: 'option',
                    label: 'State',
                    required: true,
                    labelWidth: '80px',
                    width: '250px',
                    component: 'jqxDropDownList',
                    options: [
                        { value: 'California' },
                        { value: 'New York' },
                        { value: 'Oregon' },
                        { value: 'Illinois' },
                        { value: 'Texas' }
                    ]
                },
                {
                    bind: 'zip',
                    type: 'text',
                    label: 'Zip code',
                    required: true,
                    labelWidth: '80px',
                    width: '250px'
                },
                {
                    type: 'blank',
                    rowHeight: '10px'
                },
                {
                    columns: [
                        {
                            type: 'button',
                            text: 'Sign up',
                            width: '90px',
                            height: '30px',
                            rowHeight: '40px',
                            columnWidth: '50%',
                            align: 'right'
                        },
                        {
                            type: 'button',
                            text: 'Cancel',
                            width: '90px',
                            height: '30px',
                            rowHeight: '40px',
                            columnWidth: '50%'
                        }
                    ]
                }
            ];
            var sampleValue = {
                firstName: 'John',
                lastName: 'Scott',
                address: '1st Ave SW',
                company: 'N/A',
                city: 'San Antonio',
                state: 'Texas',
                zip: '78209'
            };
            $('#sampleForm').jqxForm({
                template: template,
                value: sampleValue,
                padding: { left: 10, top: 10, right: 10, bottom: 10 }
            });

        }
    });

}

FormPoi.prototype.open = function () {
    this.window1.jqxWindow('open');
}

June 21, 2016 at 6:14 am in reply to: Create Window from ajax Create Window from ajax #85297

joko.pitoyo

Participant

Problem Fixed

June 20, 2016 at 7:15 am in reply to: Range Selector X Axis String Range Selector X Axis String #85254

joko.pitoyo

Participant

Hello,

Amazing, i will try it,

Thank You..

June 15, 2016 at 12:32 am in reply to: Auto Fit Layout Auto Fit Layout #85108

joko.pitoyo

Participant

Hello

why properties items like width won’t receive variable as input, this my sample error,


<script type="text/javascript">
        var rightPanel=0;
        var width=0;
        $(document).ready(function () {
            // the 'layout' JSON array defines the internal structure of the layout
            width=$(window).width();
            rightPanel=width-300;
            alert(rightPanel);
            var layout = [{
                type: 'layoutGroup',
                orientation: 'horizontal',
                items: [{
                    type: 'layoutGroup',
                    orientation: 'vertical',
                    width: 300,
                    items: [{
                        type: 'documentGroup',
                        height: '50%',
                        minHeight: '25%',
                        items: [{
                            type: 'documentPanel',
                            title: 'Document 1',
                            contentContainer: 'Document1Panel'
                        }, {
                            type: 'documentPanel',
                            title: 'Document 2',
                            contentContainer: 'Document2Panel'
                        }]
                    }, {
                        type: 'tabbedGroup',
                        height: '50%',
                        pinnedHeight: '10%',
                        items: [{
                            type: 'layoutPanel',
                            title: 'Error List',
                            contentContainer: 'ErrorListPanel'
                        }, {
                            type: 'layoutPanel',
                            title: 'Output',
                            contentContainer: 'OutputPanel',
                            selected: true
                        }]
                    }]
                }, {
                    type: 'tabbedGroup',
                    width: rightPanel,
                    items: [{
                        type: 'layoutPanel',
                        title: 'Solution Explorer',
                        contentContainer: 'SolutionExplorerPanel'
                    }, {
                        type: 'layoutPanel',
                        title: 'Properties',
                        contentContainer: 'PropertiesPanel'
                    }]
                }]
            }];

            $('#jqxLayout').jqxLayout({ width: '100%', height: '100%', layout: layout });
        });
    </script>

TIA

Author

Posts

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