Title: [SOLVED] ext color in ext edatagrid
Post by: Coder on September 25, 2019, 07:27:15 AM
Can I use color extension ion edatagrid editor? <table id="dgType" title="types" class="easyui-edatagrid"
width="300px" fit="true" pagination="false"
toolbar="#dgTypeToolbar"
idField="ID" sortName="Weight,Name" sortOrder="asc,asc"
rownumbers="true" fitColumns="true" singleSelect="true"
data-options="url: '?Type=l'
,saveUrl: '?Type=I'
,updateUrl: '?Type=U'
,destroyUrl: '?Type=d'
"
>
<thead>
<tr>
<th field="ID" hidden="true"></th>
...
<th field="Active" width="05%" editor="{type:'checkbox',options:{required:true,value:'1',on:'1',off:'0'}}">Active</th>
<th field="colorBG" width="10%" editor="{type:'color',options:{required:true}}">background</th>
<th field="colorT" width="10%" editor="{type:'color',options:{required:true}}">text</th>
</tr>
</thead>
</table>
column colorT and colorBG didnt editable :( <input class="easyui-color"> - work fine
Title: Re: ext color in ext edatagrid
Post by: stworthy on September 26, 2019, 11:39:26 PM
Please extend the 'color' editor on the datagrid. <script type="text/javascript">
$.extend($.fn.datagrid.defaults.editors, {
color: {
init: function(container, options){
var input = $('<input class="datagrid-editable-input">').appendTo(container);
input.color(options)
return input;
},
getValue: function(target){
return $(target).color('getValue');
},
setValue: function(target, value){
$(target).color('setValue',value);
},
resize: function(target, width){
$(target)._outerWidth(width);
}
}
})
</script>
Title: Re: ext color in ext edatagrid
Post by: Coder on September 27, 2019, 05:03:53 PM
Thnx!
|