Title: Problem showing a slider in EasyUI Datagrid Colum
Post by: spider58 on November 10, 2018, 04:26:21 AM
I'm trying to add a slider into EasyUI datagrid colum. My column define codes below {
field: 'a',
title: 'Şeffaflık',
width: 120,
align: 'center',
formatter: function(value, row, index) {
if (row.editing) {} else {
var slider = $('<div style="width:100%;"></div>').slider({
width: 100,
mode: "h",
showTip: true,
value: 1,
min: 0,
max: 1,
step: 0.1,
});
return slider;
}
}But unfortunately i can't see any slider. I can see a [object object] string instead of a slider Please check below image. What i'm doing wrong. (https://i.stack.imgur.com/SLrr6.png) Thanks
Title: Re: Problem showing a slider in EasyUI Datagrid Colum
Post by: jarry on November 11, 2018, 05:27:06 AM
Please refer to the code below: $('#dg').datagrid({
columns: [[
{
field: 'a',
title: 'Şeffaflık',
width: 120,
align: 'center',
formatter: function(value, row, index) {
if (row.editing) {} else {
return '<div class="row-slider"></div>'
}
}
}
]],
data:data,
onLoadSuccess: function(){
$(this).datagrid('getPanel').find('.row-slider').slider({
width: 100,
mode: "h",
showTip: true,
value: 1,
min: 0,
max: 1,
step: 0.1
})
}
})
Title: Re: Problem showing a slider in EasyUI Datagrid Colum
Post by: spider58 on November 11, 2018, 11:14:38 PM
Perfect :) Thank you. Please refer to the code below: $('#dg').datagrid({
columns: [[
{
field: 'a',
title: 'Şeffaflık',
width: 120,
align: 'center',
formatter: function(value, row, index) {
if (row.editing) {} else {
return '<div class="row-slider"></div>'
}
}
}
]],
data:data,
onLoadSuccess: function(){
$(this).datagrid('getPanel').find('.row-slider').slider({
width: 100,
mode: "h",
showTip: true,
value: 1,
min: 0,
max: 1,
step: 0.1
})
}
})
|