jQWidgets Forums

Forum Replies Created

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • in reply to: Vue 3 support Vue 3 support #114248

    gy.lee
    Participant

    where can I see the vue3 demo?
    Do i need to use smart UI to use Vue3?


    gy.lee
    Participant

    i solved.!
    this is my vue_jqxgrid.js

    import ‘../jqwidgets/jqxcore.js’;
    import ‘../jqwidgets/jqxdata.js’;
    import ‘../jqwidgets/jqxdata.export.js’;
    import ‘../jqwidgets/jqxbuttons.js’;
    import ‘../jqwidgets/jqxbuttongroup.js’;
    import ‘../jqwidgets/jqxscrollbar.js’
    import ‘../jqwidgets/jqxmenu.js’
    import ‘../jqwidgets/jqxlistbox.js’
    import ‘../jqwidgets/jqxdropdownlist.js’
    import ‘../jqwidgets/jqxcombobox.js’
    import ‘../jqwidgets/jqxnumberinput.js’
    import ‘../jqwidgets/jqxcheckbox.js’
    import ‘../jqwidgets/globalization/globalize.js’
    import ‘../jqwidgets/jqxcalendar.js’
    import ‘../jqwidgets/jqxnumberinput.js’
    import ‘../jqwidgets/jqxdatetimeinput.js’
    import ‘../jqwidgets/jqxgrid.js’
    import ‘../jqwidgets/jqxgrid.edit.js’
    import ‘../jqwidgets/jqxgrid.pager.js’
    import ‘../jqwidgets/jqxgrid.selection.js’
    import ‘../jqwidgets/jqxgrid.filter.js’
    import ‘../jqwidgets/jqxgrid.sort.js’
    import ‘../jqwidgets/jqxgrid.storage.js’
    import ‘../jqwidgets/jqxgrid.grouping.js’
    import ‘../jqwidgets/jqxgrid.export.js’
    import ‘../jqwidgets/jqxgrid.columnsresize.js’
    import ‘../jqwidgets/jqxgrid.columnsreorder.js’
    import ‘../jqwidgets/jqxgrid.aggregates.js’
    import ‘../jqwidgets/jqxgrid.chart.js’

    export default {
    template: `

    <div v-bind:id=”id”>
    <slot></slot>
    </div>`,
    props: {
    altrows: Boolean,
    altstart: Number,
    altstep: Number,
    autoshowloadelement: Boolean,
    autoshowfiltericon: Boolean,
    autoshowcolumnsmenubutton: Boolean,
    showcolumnlines: Boolean,
    showrowlines: Boolean,
    showcolumnheaderlines: Boolean,
    adaptive: Boolean,
    adaptivewidth: Number,
    clipboard: Boolean,
    closeablegroups: Boolean,
    columnsmenuwidth: Number,
    columnmenuopening: Function,
    columnmenuclosing: Function,
    cellhover: Function,


    gy.lee
    Participant

    is it work?
    i met this error

    
    Uncaught TypeError: Cannot read property 'appendChild' of undefined
    

    gy.lee
    Participant

    Hi! i want use grid component directly in jsp file.
    but .vue file can’t import.
    so i was build library. and import with script tag but it didn’t work.


    gy.lee
    Participant

    ..if root is content result is what i want
    but i use other information in my grid.. so root is must be data.
    please help me.. ㅠㅠ


    gy.lee
    Participant

    hello martin!

    
    data: function () {
    			return {
    				datas: null,
    				getWidth: '100%',
    				dataAdapter: new jqx.dataAdapter(this.source), //dataAdapter
    				columns: [
    					{text: 'id', datafield: 'id'}
    				]
    			}
    		},
    		beforeCreate: function () {
    			this.source = {
    				datatype: 'json',
    				mapChar: '>',
    				datafields: [
    					{name: 'content', type: 'array', map: 'information4>content>0>id'}
    				],
    				root: 'data',
    				url: '/configure/test_list.json',
    				pagenum: '0',
    				pagesize: '20',
    				data: 
    					{
    						network_id: "1",
    						term_type: "2h"
    					}
    			};
    
    		},
    

    i understand how to work map..
    but i want every id result in grid. that code is work but result is just 1!
    how can i return every id in information4>content?
    this is what i want
    |id|no|
    |1|1|
    |2|2|

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