1. #1

    Join Date
    Aug 2012
    Posts
    3
    Vote Rating
    0
    abondili is on a distinguished road

      0  

    Default Unanswered: Local Grid Filtering?

    Unanswered: Local Grid Filtering?


    Could someone please clearly explain me how the local filtering can be achieved for a grid like this in here.

    Please explain me how to load UX classes, requires, loader config, filter config, filters in column headers.

    I am new to EXTJS. I have been struggling with this Grid filtering from the past 2 months.

    Your help is much appreciated.

    Thanks Much!

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    4,767
    Answers
    355
    Vote Rating
    164
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    The source for that example is not minified so you are able to review the source that goes with the example and see how it's constructed.
    http://dev.sencha.com/deploy/ext-4.0...ilter-local.js

    *note, 4.0.2 is an old framework version. 4.2.1 is the current stable.

    If you're working on a project and having trouble you might post your work and what you're getting hung up on specifically in order to get more community participation in helping you though tough spots.
    Are you a Sencha products veteran who has wondered what it might be like to work at Sencha? If so, please reach out to our recruiting manager: sheryl@sencha.com

    C
    heck out all of the 2013 SenchaCon presentations here:
    http://www.sencha.com/blog/senchacon...now-available/

  3. #3
    Sencha User ekojs's Avatar
    Join Date
    Aug 2013
    Posts
    3
    Vote Rating
    0
    ekojs is on a distinguished road

      0  

    Default Datetime on Grid Filtering ?

    Datetime on Grid Filtering ?


    Somebody, Please Help me....

    I don't know how to use datetime filter in grid filtering, but I do know how to config date filter in grid filtering.
    I have defined filter type in the column with :

    filter: {
    type: 'datetime',
    dateFormat: 'Y-m-d H:i',
    date: {
    format: 'Y-m-d',
    },

    time: {
    format: 'H:i',
    increment: 1
    }
    }

    but I don't get any response and no matching records...
    I'm very appreciate your help...
    Sorry if my English not so good...

  4. #4
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    4,767
    Answers
    355
    Vote Rating
    164
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    For clarity, can you include a test case that shows what you're doing including a data snippet used in the grid?

  5. #5
    Sencha User ekojs's Avatar
    Join Date
    Aug 2013
    Posts
    3
    Vote Rating
    0
    ekojs is on a distinguished road

      0  

    Default Datetime on Grid Filtering ?

    Datetime on Grid Filtering ?


    this is my snippet code in ext.grid.panel columns

    this.columns = [
    { header: 'NIK', dataIndex: 'NIK', field: NIK_field, width: 200,
    filterable: true,
    renderer : function(val,metadata,record) {
    if (record.data.TJMASUK == record.data.TJKELUAR || record.data.TJKELUAR == null ) {
    return '<span style="color:red;">' + val + '</span>';
    }
    return val;
    }},
    { header: 'NAMA', dataIndex: 'NAMA', field: NAMA_field, width: 200,
    filter: true,
    renderer : function(val,metadata,record) {
    if (record.data.TJMASUK == record.data.TJKELUAR || record.data.TJKELUAR == null) {
    return '<span style="color:red;">' + val + '</span>';
    }
    return val;
    }},
    { header: 'TJMASUK', dataIndex: 'TJMASUK', field: TJMASUK_field, width: 200,
    //filterable: true,
    renderer : function(val,metadata,record) {
    if (record.data.TJMASUK == record.data.TJKELUAR || record.data.TJKELUAR == null) {
    return '<span style="color:red;">' + val + '</span>';
    }
    return val;
    }},
    { header: 'TJKELUAR', dataIndex: 'TJKELUAR', field: {xtype: 'datefield',format: 'Y-m-d H:i'}, width: 200,
    filter: {
    type: 'datetime',
    dateFormat: 'Y-m-d H:i',
    date: {
    format: 'Y-m-d',
    },

    time: {
    format: 'H:i',
    increment: 1
    }
    },
    renderer : function(val,metadata,record) {
    if (record.data.TJMASUK == record.data.TJKELUAR || record.data.TJKELUAR == null) {
    return '<span style="color:red;">' + val + '</span>';
    }
    return val;
    }},
    { header: 'ASALDATA', dataIndex: 'ASALDATA', field: {xtype: 'textfield'}, width: 200,
    filter: {
    type: 'list',
    store: optionsStore,
    // specify disabled to disable the filter menu
    // disabled: true
    },
    renderer : function(val,metadata,record) {
    if (record.data.TJMASUK == record.data.TJKELUAR || record.data.TJKELUAR == null) {
    return '<span style="color:red;">' + val + '</span>';
    }
    return val;
    } }
    ];
    this.plugins = [this.rowEditing];
    this.features = [filtersCfg];

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar