Code Not work
can any one help me


    <div id="pid" class="easyui-panel" style="width:300px;height:200px" data-options="iconCls:'icon-save',collapsible:true,minimizable:true,maximizable:true,closable:true"         title="My Panel">
    </div>
    <script type="text/javascript">
        var p = $('#pid');
        p.panel('header').click(function () {
            if (p.panel('options').collapsed) {
                p.panel('expand', true);
            } else {
                p.panel('collapse', true);
            }
        });
    </script>

you can do that with click an icon. please check this page.

https://www.jeasyui.com/demo/main/index.php?plugin=Panel&theme=material-teal&dir=ltr&pitem=&sort=asc

You can find sampe code at "Panel Tools" link

I'm trying to add a slider into EasyUI datagrid colum. My column define codes below

Code:

          {
        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.





Thanks