jQWidgets Forums

Forum Replies Created

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • in reply to: ColumnResizable not working ColumnResizable not working #65013

    xcoderN
    Participant

    ok i couldnt solve that so i used datatable.
    Is there a way to get the edited value to controller?
    thanks

    in reply to: ColumnResizable not working ColumnResizable not working #64994

    xcoderN
    Participant

    i am using the latest verion btw

    in reply to: ColumnResizable not working ColumnResizable not working #64993

    xcoderN
    Participant

    no thats not the problem.. i can go to the url with the module. i even deleted and inserted again. 🙁

    in reply to: ColumnResizable not working ColumnResizable not working #64965

    xcoderN
    Participant

    you can see i have implimeted the demo here
    <!DOCTYPE html>
    <html lang=”en”>
    <head>
    <title id=”description”>Edit Item</title>
    <link rel=”stylesheet” href=”/Content/jqx.base.css” type=”text/css” />
    <script type=”text/javascript” src=”../../scripts/jquery-1.10.2.min.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxcore.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxdata.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxbuttons.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxscrollbar.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxmenu.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.edit.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.columnsresize.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxlistbox.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxdropdownlist.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.selection.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.filter.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.sort.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.pager.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.grouping.js”></script>
    <script type=”text/javascript” src=”/Scripts/globalize.js”></script>

    <script type=”text/javascript”>
    $(document).ready(function () {
    …………..

    var detailsAdapter = new $.jqx.dataAdapter(detailsSource, { autobind: true });

    $(“#jqxgrid”).jqxGrid({
    source: detailsAdapter,
    selectionmode: ‘singlecell’,
    editable: true,
    pageable: true,
    autoheight:true,

    columns: [
    { text: ‘Item Name’, dataField: ‘FullItemName’, width: 200, editable: false },
    { text: ‘Unit’, width: 100, editable: true },
    { text: ‘Beginning Balance’, width: 180, editable: true },
    { text: ‘Loss’, width: 80, editable: true, cellsalign: ‘right’ },
    { text: ‘Quantity Recieved’, width: 90, editable: true, cellsalign: ‘right’},
    { text: ‘DOS’, width: 100, editable: true, cellsalign: ‘right’ },
    { text: ‘Requested Quantity’, width: 100, editable: true, cellsalign: ‘right’}
    ],
    });
    }
    // }
    });

    });

    }
    </script></head>

    <body class=’default’>
    <div id=’jqxWidget’>

    <div style=”overflow: hidden;”>
    <table>
    <tr>
    <td align=”right”>RRGroup:</td>
    <td align=”left”><div id=”jqxdropdownlist1″></div>

    <td align=”right”>Period</td>
    <td align=”left”><div id=”jqxdropdownlist2″></div></td>
    </tr>

    </table>
    </div>
    <div id=”jqxgrid”></div>

    </div>
    </body>
    </html>

    but i get the error Uncaught Error: jqxGrid: Missing references to the following module(s): jqxgrid.edit.js


    xcoderN
    Participant

    solved 🙂


    xcoderN
    Participant

    i seem to have done this
    var detailsSource =
    {
    url: $.ajax({
    url: url,
    data: { RRGroupID: RRGroupID },
    }),
    datatype: “json”,
    datafields: [{ name: “ItemID”, type: “int” },
    { name: “FullItemName”, type: ‘string’ }],
    //async: false

    };

    and i can get the id. But data isnt showing on the grid column

    var detailsAdapter = new $.jqx.dataAdapter(detailsSource, {
    autoBind: true,
    beforeLoadComplete: function(records) {

    // log records to console.
    console.log(records);
    return records;
    },
    success:function(data){
    console.log(data);
    return data;
    }
    });
    $(“#jqxgrid”).jqxGrid({
    source: detailsAdapter,
    autoheight:true,
    autowidth: true,
    columns: [
    { text: ‘Item Name’, dataField: ‘FullItemName’, width: 200, editable: false },]});

    thanks for ur help so far

    in reply to: ColumnResizable not working ColumnResizable not working #64951

    xcoderN
    Participant

    thanks


    xcoderN
    Participant

    i dont think thats similar to my question 🙁


    xcoderN
    Participant

    tried this also
    $(“#jqxdropdownlist1”).bind(‘select’, function (event) {
    if (event.args) {
    var RRGroupID = $(‘#jqxdropdownlist1’).val();
    if (RRGroupID != -1) {
    // var record = ordersAdapter.records[index];
    var detailsSource =
    {
    url: “../FacilityAdd/GetItemList”,//data: { name: RRGroupID },
    datatype: “json”,
    datafields: [{ name: “ItemID”, type: “int” }, { name: “FullItemName” }],
    localData: RRGroupID
    };
    alert(detailsSource.localData);
    var detailsAdapter = new $.jqx.dataAdapter(detailsSource);
    $(“#jqxgrid”).jqxGrid({
    source: detailsAdapter,
    width: 500,
    columns: [
    { text: ‘Item Name’, datafield: ‘FullItemName’, width: 200, editable: false },
    { text: ‘Unit’, width: 100, editable: true },
    { text: ‘Beginning Balance’, width: 180, editable: true },
    { text: ‘Loss’, width: 80, editable: true, cellsalign: ‘right’ },
    { text: ‘Quantity Recieved’, width: 90, editable: true, cellsalign: ‘right’, cellsformat: ‘c2’ },
    { text: ‘DOS’, width: 100, editable: true, cellsalign: ‘right’, cellsformat: ‘c2’ },
    { text: ‘Requested Quantity’, width: 100, editable: true, cellsalign: ‘right’, cellsformat: ‘c2’ }
    ],
    });
    }
    }
    });

    i can get the value but how to pass it to controller??

    in reply to: ColumnResizable not working ColumnResizable not working #64860

    xcoderN
    Participant

    Also i cant seem to use the editable: true, property
    <script type=”text/javascript” src=”../../scripts/jquery-1.10.2.min.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxcore.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxdata.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxbuttons.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxscrollbar.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxmenu.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxlistbox.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxdropdownlist.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.columnsresize.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.selection.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.edit.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.filter.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.sort.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.pager.js”></script>
    <script type=”text/javascript” src=”/Scripts/jqxgrid.grouping.js”></script>

    thanks


    xcoderN
    Participant

    ok thanks i fixed that. Buti still cant seem to be passing the RRGroupID to my controller

    in reply to: ColumnResizable not working ColumnResizable not working #64854

    xcoderN
    Participant

    i meant this , columnsresize=true

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