what value do you expect back from the spinner? to values e.g. 2017 & 2019 or a text for example? I mean what is going into the database?

From experience financial we save is just the start year since we know it will run into the next year for that matter.

working! thnx

ok here is a possible solution, taken/adapted from a previous post for another user's question where stworthy helped - I just replaced the all select and unselect with var rows = $easy('#dg').datagrid('getRows'); and corrected a typo I believe newPosIds.push(rows.id);      

** but I now have 2 new problems ;-)

1) the name column doesnt resize to full width / the hidden field is taking up space still - as you can see I tried 2 different ways of forcing a width refresh - any ideas?

2) I want it to stop highligting selected items e.g that it turns orange or whatever the background color is for a selected item - since I dragged and not selected the item e.g. I want to make all items in list not selectable - more ideas?



  <table class="easyui-datagrid" id="dg" width="100%" title="Workflow Steps" data-options="
    idField: 'id',
    rownumbers:true,
    fitColumns: true,
    fit: true,
    singleSelect: false,
    showHeader: false,
    showFooter: false,
    onLoadSuccess:function(){
      $easy(this).datagrid('enableDnd');
      $easy(this).datagrid('hideColumn','id');
      $easy(this).datagrid('resize');
      $easy(this).datagrid('fixColumnSize','name');
    },
    onDrop:function(destRow,sourceRow,point){ 
      var newPosIds = [];       
      var rows = $easy('#dg').datagrid('getRows');       
      for(var i=0; i<rows.length; i++){        
        newPosIds.push(rows.id);      
      }       
      alert(newPosIds);       
      }">


    <thead>
      <tr>
        <th data-options="field:'id'">Id</th>
        <th data-options="field:'name'" width="100%">Steps</th>
      </tr>
    </thead>
    <tbody>
      <tr>           
        <td>1</td><td>Step 1</td>
      </tr>
      <tr>           
        <td>2</td><td>Step 2</td>
      </tr>
      <tr>           
        <td>3</td><td>Step 3</td>
      </tr>
    </tbody>
  </table>

I started from the point that the datalist extends from the datagrid - and have a working drag drop for datagrid with the extra dnd JS file. But it doesn't make sense that I cannot drag and drop the datalist or am I missing something?

Hi guys, a bit of advice needed - I need a really simple simple drag drop datalist - since the list has all the info I need key and value - but the datalist has no DnD property do I need to add another JS to add the functionality - I read somewhere in the forum of such a extra - but lost the link now - will search again :-) Or is there another very simple way.

I made this [solved] since I think we have a working solution(s) - thanks again stworthy

I was wondering if anybody has used the color picker stworthy mentioned at https://www.jeasyui.com/extension/downloads/jquery-easyui-color.zip ?

I just want to make sure, before I butcher (or try to) the code 1) first time you drop down you have a 8x8 grid and each dropdown after that adds another grid of 8x8 so the second time arround you have a 8x16 then 8x24 - eg the palette repeats. Me, my PC or bug?

then 2) the loaded value once you start is not colored as the selected one is - correct?

thanks
T

ok fixed that by forcing a specific resize:

$easy('#windowcandidate').window('resize',{width:1000,height:650});

just 1 strange thing though, the container window's inner border-bottom dissapears?! stranger and stranger

that was a great push in the right direction - thnx man - however the footer still showed an odd 10px of stuff when settting the hight to 0px - go figure ;-) anyway this got rid of it and I figure display block will bring it back

$easy('#windowcandidate').window('footer').css('display','none');

but hit another stumble block, the resize works on the semi - after resize the window is almost cut in 1/2 resulting in the container tab & form to be cut-off and a scroll bar being added

any ideas? I'll check the forum for resize issues anyway ;-)

Sorry to bother but it is late and I'm staring at the screen and cant get this to work. I want to hide & show a window's footer. I tried a couple of attacks but lack of sleep is getting at me, any one help?

my window=windowcandidate and footer=windowcandidatefooter

$('#windowcandidate').panel('footer').remove(); //since panel is part window ne?

showing & refreshing is another mission ;-)

any ideas?

Hi there, I have a couple (a lot) of linked select ... option listboxes that is linked already via code - so when the page loads the 1st value is selected, the second list box is populated via that value and the correct value selected, on change the whole thing is redone.

Now I have made the select .. options into comboboxes and i looks great - problem is that once the easyui component is in place it ignores the old components - is there a way to have the easyui lib redo the whole process of taking the relevant select .. option and redrawing it - or will I need to redo the code for all of these?

Thanks

I got it figured it out - was just tired when I did this - the problem was the sequence of how I setup the onSelect events - moved them into the correct sequence - and vioila!

Thnx for the reply - it made me look at the problem again from a different angle

or is there a way that I can kick of the event by myself - just started playing with easyUI so not up to speed yet ;-)

Hi all, I was wondering if I can fire the onSelect event when I select the tab via code, is this possible at all? Thanks