jQWidgets Forums

jQuery UI Widgets Forums Grid deferredscroll for selected column

This topic contains 1 reply, has 2 voices, and was last updated by  Peter Stoev 11 years, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • deferredscroll for selected column #50303

    guru
    Participant

    how can i get deferredscroll for selected coloumn
    below i can give my grid
    var source_Fpc =
    {
    datatype: “json”,
    datafields: [
    {name: ‘hours’, type: ‘string’},
    {name: ‘minutes’, type: ‘string’},
    {name: ‘Day1’, type: ‘string’},
    {name: ‘Day2’, type: ‘string’},
    {name: ‘Day3’, type: ‘string’},
    {name: ‘Day4’, type: ‘string’},
    {name: ‘Day5’, type: ‘string’},
    {name: ‘Day6’, type: ‘string’},
    {name: ‘Day7’, type: ‘string’}

    ],
    url: “getFpc/1”

    };
    var dataAdapter_Fpc = new $.jqx.dataAdapter(source_Fpc);
    $(“#jqxgrid_FPC”).jqxGrid(
    {
    width: 1000,
    theme: ‘ui-redmond’,
    height: 400,
    selectionmode: ‘singlecell’,
    columnsresize: true,
    scrollmode: ‘deferred’,
    deferreddatafields: [‘hours’, ‘minutes’, ‘Day1’],
    source: dataAdapter_Fpc,
    columns: [
    {text: ‘Hours’, datafield: ‘hours’, width: 60, align: ‘center’},
    {text: ‘Minutes’, datafield: ‘minutes’, width: 60, align: ‘center’},
    {text: day1, datafield: ‘Day1’, width: 122, align: ‘center’},
    {text: day2, datafield: ‘Day2’, width: 122, align: ‘center’},
    {text: day3, datafield: ‘Day3’, width: 122, align: ‘center’},
    {text: day4, datafield: ‘Day4’, width: 122, align: ‘center’},
    {text: day5, datafield: ‘Day5’, width: 122, align: ‘center’},
    {text: day6, datafield: ‘Day6’, width: 122, align: ‘center’},
    {text: day7, datafield: ‘Day7’, width: 122, align: ‘center’}
    ],
    showtoolbar: true,
    toolbarheight: 30,
    rendertoolbar: function(toolbar) {
    var me = this;
    $(“#fpcToolbar”).find(‘span’).remove();
    var container = $(“<div id=’fpcToolbar’ style=’margin: 5px;font-size:14px;color: initial;font-family: Verdana;font-weight: bolder;’></div>”);
    var span = $(“<span style=’float: left; margin-top: 5px; margin-right: 4px;’>Fpc Table </span>”);
    var date = $(“<span style = ‘float: left;margin-left:340px;margin-top:5px;margin-right: 250px;’>” + day1 + ” TO ” + day7 + “</span>”);
    toolbar.append(container);
    container.append(span);
    container.append(date);
    }
    });

    thanks in advance

    deferredscroll for selected column #50304

    Peter Stoev
    Keymaster

    Hi guru,

    Deferred scrolling is a Scrolling mode of jqxGrid. In jqxGrid, there is no such thing as selected column.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com/

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

You must be logged in to reply to this topic.