Dear All,
please can you help me on how to use tagbox editor in datagrid
i do use for now a combobox and I need to change it to tagbox
<th style="width:30%;" data-options="field:'vendor_id',formatter:function(value,row){return row.vendor_name;},editor:{type:'combobox'}">Vendor Name</th>
<th style="width:30%;" data-options="field:'vendor_ids',tagFormatter:function(value,row){var opts=$(this).tagbox('options'); return row ? row[opts.textField] : value;},editor:{type:'tagbox'}">Vendor Name</th>
<script type="text/javascript">
$('#dg_rfq_trans').datagrid({
onBeforeEdit: function(rowIndex,row){
var material = $('#dg_rfq_trans').datagrid('getColumnOption', 'material_id');
material.editor = {
type:'combobox',
options:{
valueField:'id',
textField:'text',
method:'get',
data:accounts.material,
required:true,
value:row.material_id,
onChange:function(value){
}
}
}
var vendor = $('#dg_rfq_trans').datagrid('getColumnOption', 'vendor_id');
vendor.editor = {
type:'combobox',
options:{
multiple:true,
valueField:'id',
textField:'text',
method:'get',
data:accounts.vendor,
required:true,
value:row.vendor_id,
onChange:function(value){
}
}
}
var vendors = $('#dg_rfq_trans').datagrid('getColumnOption', 'vendor_ids');
vendors.editor = {
type:'tagbox',
options:{
data:accounts.vendor,
valueField:'id',
textField:'text',
value:row.vendor_id,
limitToList: true,
hasDownArrow: true
}
}
}
});
</script>