Start Building Professional
Web Apps Today

Grid - Column move + filtering

I've a grid with filter and column move:
<script>
    mygrid = new dhtmlXGridObject('gridbox');
    mygrid.setImagePath("../../codebase/imgs/");
    mygrid.setHeader("Sales,Book Title,Author,Price,In Store,Shipping");
    mygrid.attachHeader("#text_search,#text_search,#select_filter,#text_search,#text_search,#text_search");
    mygrid.setInitWidths("50,150,120,80,80,80,80,200")
    mygrid.enableAutoWidth(true);
//mygrid.enableAutoHeight(true);
    mygrid.setColAlign("right,left,left,right,center,left")
    mygrid.setColTypes("dyn,ed,ed,price,ch,co");
//mygrid.getCombo(5).put(2,2);
    mygrid.setColSorting("int,str,str,int,str,str")
    mygrid.setSkin("euh_standard");
mygrid.enableColumnMove(true);
mygrid.enableMultiselect(true);
mygrid.attachEvent("onBeforeCMove", function(a, b) {
return confirm("Allow move column " + a + " to position " + b);
});

    mygrid.init();
    mygrid.enableSmartRendering(true);
//var filter=mygrid.getFilterElement(0);//reference to the filter html object
//filter.id="some id";

mygrid.loadXML("../common/500.xml");
</script>

When selecting an entry via select select box, the event column move for this column will be triggered?

Why?

Best regards, Stefan

Please try to add following code to the grid initialization:

mygrid.hdr.rows[2].onclick=function(e){(e||event).cancelBubble = true;return false;}