Icon in edatagrid editor

[finzaiko]

I want to make a browse / lookup function on edatagrid, how to insert an icon in texteditor as below image which can be clicked to show dialogbox ?

[aswzen]

i need this feature

have anyone achieved it?

already tried with this, but looks odd

Code:

$.extend($.fn.datagrid.defaults.editors, {
    lookup: {
        init: function(container, options){
            var input = $('<input type="button" class="datagrid-editable">').appendTo(container);
            return input;
        },
        destroy: function(target){
            $(target).remove();
        },
        getValue: function(target){
            return $(target).val();
        },
        setValue: function(target, value){
            $(target).val(value);
        },
        resize: function(target, width){
            $(target)._outerWidth(width);
        }
    }
});

[stworthy]

Add the 'icons' property on a textbox editor to display icon buttons.

Code:

<th data-options="field:'attr1',width:250,
        editor:{
            type:'textbox',
            options:{
                icons:[{
                    iconCls:'icon-add',
                    handler:function(){
                        //...
                    }
                }]
            }
        }
        ">Attribute</th>

[aswzen]

thank you

[finzaiko]

Why it not work for me as below, the icon not show :

Code:

.......
 {field: 'val', title: 'Value(%)', sortable: true, width: 100, editor:{
                    type:'validatebox',
                    options:{
                        icons:[{
                            iconCls:'icon-add',
                            handler:function(){
                                alert('test');
                            }
                        }]
                    }
                }},
........

I use the latest edatagrid http://www.jeasyui.com/extension/edatagrid.php

[stworthy]

The validatebox component has not 'icons' property. Please use 'textbox' component instead.

[finzaiko]

Thanks a lot,

The problem is I use bootstrap theme not default theme, when I use default theme worked perfectly.