Specify a custom Filter ComboBox DataProvider

clock May 29, 2015 05:55 by author htmltreegrid

Recently, a question came in:

We have a requirement of MultiselectCheckBox filter in grid, but its collection is not generated from grid.

I have tried to use ‘filterComboBoxDataProvider’ ,’ filterComboBoxLabelField’, ‘filterComboBoxDataField’ but not succeeded, can you send me any example link which let me know how to implement this functionality in my application.

 

·         External data can be set as dataprovider to combobox

·         And on item changes filter should work. 

For those of you familiar with our flex product, you can simply do something like filterComboBoxDataProvider="{someDataProvider}" Anything within the {} brackets is evaluated at runtime. Unfortunately, no such support exists in HTML, but we have exposed a way to execute arbitrary code when the XML gets evaluated. This is how you do it:filterComboBoxDataProvider="eval__getFilterComboBoxDataProvider()"

 


function getFilterComboBoxDataProvider(){
return [
{label:'Glazed',data:'Glazed'},
{label:'Sugar',data:'Sugar'},
{label:'Maple',data:'Maple'},
{label:'Some other',data:'Some other'}
];

}

 Full example below:F

FilterComboBoxDataProvider.html (4.33 kb)



Specify a custom Filter ComboBox DataProvider

clock May 29, 2015 05:55 by author htmltreegrid

Recently, a question came in:

We have a requirement of MultiselectCheckBox filter in grid, but its collection is not generated from grid.

I have tried to use ‘filterComboBoxDataProvider’ ,’ filterComboBoxLabelField’, ‘filterComboBoxDataField’ but not succeeded, can you send me any example link which let me know how to implement this functionality in my application.

 

·         External data can be set as dataprovider to combobox

·         And on item changes filter should work. 

For those of you familiar with our flex product, you can simply do something like filterComboBoxDataProvider="{someDataProvider}" Anything within the {} brackets is evaluated at runtime. Unfortunately, no such support exists in HTML, but we have exposed a way to execute arbitrary code when the XML gets evaluated. This is how you do it:filterComboBoxDataProvider="eval__getFilterComboBoxDataProvider()"

 


function getFilterComboBoxDataProvider(){
return [
{label:'Glazed',data:'Glazed'},
{label:'Sugar',data:'Sugar'},
{label:'Maple',data:'Maple'},
{label:'Some other',data:'Some other'}
];

}

 Full example below:

FilterComboBoxDataProvider.html (4.33 kb)



HTML TreeGrid Column Group Header Renderer

clock May 20, 2015 06:45 by author htmltreegrid

Recently had a customer ask a question:

 

" We have a requirement to added header renderer (i.e. button) on grouped column header.

I have checked the documents but I am unable to find any examples in it related to the above requirement.

Please let me know how to implement Header renderer in grouped column header."

 

Turns out this is possible, but requires a little bit of coding - not possible using just XML configuration. Attached is a small example that demostrates this, and a screenshot is below:

Also, please make sure you understand the concept of renderers before you look at this example, here are a few helpful links:

http://htmltreegrid.com/newdocs/html/CellsandRenderers.html
http://htmltreegrid.com/newdocs/html/RecyclingVirtualizationandBuffer.html 
http://htmltreegrid.com/newdocs/html/CustomRenderers.html
http://htmltreegrid.com/newdocs/html/ClassFactories.html

That said, below is what this looks like:


 

And the code is below:

 

ColumnGroupRenderer.html (17.67 kb)